JavaScript-获取当前元素的相关元素或节点--方法总结
1.获取当前元素中的第一个子节点
document.getElementById("uu").firstChild2.获取当前元素中的第一个子元素
document.getElementById("uu").firstElementChild3.获取当前元素中的最后一个子节点
document.getElementById("uu").lastChild4.获取当前元素中的最后一个子元素
document.getElementById("uu").lastElementChild5.获取当前元素的父级节点
document.getElementById("uu").parentNode6.获取当前元素的父级子元素
document.getElementById("uu").parentElement7.获取当前元素的子节点
document.getElementById("uu").childNodes8.获取当前元素的子元素
document.getElementById("uu").children9.获取当前元素的前一个兄弟节点
document.getElementById("three").previousSibling10.获取当前元素的前一个兄弟元素
document.getElementById("three").previousElementSibling11.获取当前元素的后一个兄弟节点
document.getElementById("three").nextSibling12.获取当前元素的后一个兄弟元素
document.getElementById("three").nextElementSibling测试所用代码：
<body>
<div >
<p>层中的第一个p标签</p>哈哈哈
<span>层中的第二个标签==span</span>
<ul >嘎嘎
<li>火箭</li>
<li>热火</li>
<li >湖人</li>
<li>小牛</li>
<li>公牛</li>嘿嘿
</ul>
</div>
<script>
function my$(id) {
return document.getElementById(id);
}
</script>
<script>
//获取当前元素中的第一个子节点
console.log(my$("uu").firstChild);
//获取当前元素中的第一个子元素
console.log(my$("uu").firstElementChild);
//获取当前元素中的最后一个子节点
console.log(my$("uu").lastChild);
//获取当前元素中的最后一个子元素
console.log(my$("uu").lastElementChild);
//获取当前元素的父级节点
console.log(my$("uu").parentNode);
//获取当前元素的父级子元素
console.log(my$("uu").parentElement);
//获取当前元素的子节点
console.log(my$("uu").childNodes);
//获取当前元素的子元素
console.log(my$("uu").children);
//获取当前元素的前一个兄弟节点
console.log(my$("three").previousSibling);
//获取当前元素的前一个兄弟元素
console.log(my$("three").previousElementSibling);
//获取当前元素的后一个兄弟节点
console.log(my$("three").nextSibling);
//获取当前元素的后一个兄弟元素
console.log(my$("three").nextElementSibling);
</script>
</body>