<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body {
font-family: "Microsoft YaHei", serif;
}
body, dl, dd, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
ol, ul, li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none
}
</style>
</head>
<body>
<div id="wrap">123</div>
<script>
let oWrap = document.getElementById("wrap");
// 首先需要创建节点
let oP = document.createElement("p");
// 可以直接创建一个text节点添加进去
// let text = document.createTextNode("zhangyu");
// oP.appendChild(text);
// 把节点操作全部完成再去添加 否则会造成二次渲染 影响性能
// 也可以直接innerHTML 但是nodeValue添加不进去
// oP.nodeValue = "zhangyu";
oP.innerHTML = "zhangyu";
oP.style.color = "red";
// 添加操作
oWrap.appendChild(oP);
</script>
</body>
</html>
Python3Turtle