JavaScriptのNode节点

最新推荐文章于 2024-01-22 14:11:04 发布

EddieRoyal

最新推荐文章于 2024-01-22 14:11:04 发布

阅读量667

点赞数

分类专栏： javascript 文章标签： javascript html 结构 dom

本文链接：https://blog.csdn.net/IE_World/article/details/48291301

版权

DOM的最小组成单位叫做节点(node),一个文档的树形结构(DOM树),就是由各种不同的类型的节点组成.

对于HTML文档，节点主要有以下六种类型：Document节点、DocumentType节点、Element节点、Attribute节点、Text节点和DocumentFragment节点。

浏览器原生提供一个Node对象，上表所有类型的节点都是Node对象派生出来的。也就是说，它们都继承了Node的属性和方法。

nodeName属性返回节点的名称,nodeType属性返回节点的常数型.

document.querySelector('a').nodeType ===1
//true
document.querySelector('a').nodeType === Node.ELEMENT_NODE  //true
两者等价

var d = p.ownerDocument;
d === document  //true

如何从父节点移除指定节点
if (node.parentNode) {
    node.parentNode.removeChild(node);
}

设置执行节点的父element节点的css属性
if(node.parentElement) {
    node.parentElement.style.color = "red";
}<

关注

专栏目录