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元素的方法的主要内容,如果未能解决你的问题,请参考以下文章

JS获取HTML DOM元素的8种方法

JS获取HTML DOM元素的方法

D1.DOM-获取DOM元素、修改属性

js获取HTML DOM节点元素方法总结

js中,dom元素和节点的区别

js中Dom元素及获取方法