JS获取HTML DOM元素的方法
Posted qq951753
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS获取HTML DOM元素的方法相关的知识,希望对你有一定的参考价值。
节点应用
获取页面上的元素diva
var diva=document.querySelector("#diva");
console.log(diva.childNodes);获取子节点
console.log(diva.children);获取子元素
console.log(diva.parentNode);获取父节点
console.log(diva.parentElement);获取父元素
console.log(diva.firstChild);获取第一个子节点
console.log(diva.firstElementChild);获取第一个子元素
console.log(diva.lastChild);获取最后一个子节点
console.log(diva.lastElementChild);获取最后一个子元素
console.log(diva.nextSibling);获取下一个兄弟节点
console.log(diva.nextElementSibling)获取下一个兄弟元素
console.log(diva.previousSibling);获取上一个兄弟节点
console.log(diva.previousElementSibling);获取上一个兄弟元素
以上是关于JS获取HTML DOM元素的方法的主要内容,如果未能解决你的问题,请参考以下文章