<!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">
<p>123</p>
<p id="qwe">456</p>
<p>789</p>
</div>
<script>
let oWrap = document.getElementById("wrap");
let aP = document.getElementsByTagName("p");
let oP = document.getElementById("qwe");
[...aP].forEach(ele=>{
ele.onclick = ()=>{
console.log(ele.innerHTML);
}
});
// 孩子是不能自杀的,只能让爸爸来杀
oWrap.removeChild(oP);
// 而且可以看得出来 节点获取到的东西是动态的
console.log(oWrap.children);
// 元素被删除之后,他还存在内存当中,只不过是不显示了
console.log(oP);
// 这个元素一样还是可以使用的
oWrap.appendChild(oP)
</script>
</body>
</html>
Python3Turtle