<!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
<p>456</p>
789
<!--一段注释-->
</div>
<script>
let oWrap = document.getElementById("wrap");
let oP = document.querySelector("#wrap p");
oP.onclick = function () {
console.log(1);
};
console.log(oWrap.childNodes);
setTimeout(()=>{
// 把789换成78910
// 采用这个方法会重写节点内部所有
// oWrap.innerHTML += 10;
// 以后采用节点操作 就不会了
oWrap.childNodes[2].nodeValue = 78910;
},10)
</script>
</body>
</html>
Python3Turtle