节点的查找方法
A.parentNode 查找A节点的父节点
A.childNodes 查找A节点内的所有子节点 包含文本节点 元素节点 属性节点 注释节点
A.children 查找A节点内的所有子元素节点
A.firstChild 查找第一个子节点
A.firstElementChild 查找第一个子元素节点
A.lastChild
A.lastElementChild
A.nextSibling 查找下一个兄弟节点
A.nextElementSibling 查找下一个兄弟元素节点
A.previousSibling 查找上一个兄弟节点
A.previousElementSibling 查找上一个兄弟元素节点`
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div >
<ul>
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
<li>006</li>
</ul>
<ol id="ols">
<li><a href=" ">00001</a ></li>
<li><a href="#">00002</li>
<li id="ol-list"><a href="#">0003</li>
<li><a href="#">0004</li>
<li><a href="#">0005</li>
<li><a href="#">0006</li>
</ol>
</div>
<script type="text/javascript">
var list=document.getElementById("ol-list");
var ols=document.getElementById("ols");
console.log(ols.parentNode)//查找父节点
console.log(ols.childNodes)//查找所有的子节点
console.log(ols.children)//查找所有的元素节点
console.log(ols.firstChild)//查找第一个子元素节点
console.log(ols.firstElementChild)//查找第一个子元素节点
console.log(ols.lastChild)
console.log(ols.lastElementChild)
console.log(ols.firstElementChild.nextSibling)
console.log(ols.firstElementChild.nextElementSibling)
console.log(ols.lastElementChild.previousSibling)
console.log(ols.lastElementChild.previousElementSibling)
</script>
</body>
</html>
308
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
