node Type 节点类型
1 元素节点
2 属性节点
3 文本节点
nodeName 节点的名称（标签名称）
nodeValue 节点值
元素节点的nodevalue 始终是null
父节点 子节点
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box">
<span> span </span>
<!-- 这里是注释 -->
<p>p标签</p>
</div>
<script>
var box=document.getElementById("box")
// console.log(box.childNodes)
//使用childNode 是获取节点的层次结构，属性节点，元素节点，文本节点，注释节点 均可获得
console.log(box.children)
// 使用chilren 是只获得标签元素
</script>
</body>
</html>
console.log(box.childNodes) 运行的结果是```
console.log(box.children) 运行的结果是：
父节点：parentNode （只有一个）
子节点：child Nodes （可能有很多个）
获取第一个子节点：box.firstChild (获取的是文本节点)
获取最后一个子节点：box.lastChild 获取的是文本节点)
获取第一个子元素：box.firstElementChild
获取最后一个子元素：box.lasterElementChild
案例
“””
- 1
- 2
- 3
- 4
- 5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box">
<span> span </span>
<p>p标签</p>
</div>
<script>
var box=document.getElementById("box")
console.log(box.childNodes)
</script>
</body>
</html>
结果
2223
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
