JS获取HTML DOM元素的方法

不问归期 提交于 2020-04-07 07:21:33
节点应用
获取页面上的元素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);获取上一个兄弟元素
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!