通过获取子元素或者父元素：节点来获取元素
1.元素的节点是什么？
元素：的父元素：称为 这个元素的父节点//离元素最近的父级节点
的子元素：称为这个元素的子节点 //离元素最近的子级节点
元素父节点 parentNode
离元素最近的父级节点（亲爸爸）
元素子节点：children
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<ul><li></li>
<li></li>
<li></li></ul>
</div>
这里： div 子节点：两个ul
div.children[1]：div变量控制的元素的第一个子节点：（最近的）
div.children.length：子节点长度
var div=document.querySelector('div');
console.log(div.children.length);
console.log(div.children[1]);
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<ul><li></li>
<li></li>
<li></li></ul>
</div>
<script>
var div=document.querySelector('div');
console.log(div.children.length);
console.log(div.children[1]);
</script>
</body>
</html>
效果：
var li=document.querySelector(“li”);
console.log(li.parentNode);//获得元素的父节点
结果：就是 打印出：ul
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
