<!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>1</p>
<p id="xxx">2</p>
<p>3</p>
</div>
<script>
let oWrap = document.getElementById("wrap");
let oXxx = document.getElementById("xxx");
// 很鸡肋 第一个子节点 对应last
console.log(oWrap.firstChild);
// 第一个子元素节点 对应last
console.log(oWrap.firstElementChild);
// 推荐使用
console.log(oWrap.children[0]);
// 前一个兄弟节点 对应next
console.log(oXxx.previousSibling);
// 后一个兄弟元素节点 对应next
console.log(oXxx.previousElementSibling);
</script>
</body>
</html>
Python3Turtle