HTML DOM Nodes

HTML DOM Nodes 介绍

HTML DOM将HTML文档视为节点树。
HTML DOM Nodes分为：文档节点、元素节点、属性节点、文本节点、注释节点。

HTML DOM Nodes 层级

节点树的层级关系分为：父parent、子child、同胞sibling。

 

 HTML DOM Nodes 方法

HTML DOM 方法是可以在节点上执行的动作。
元素节点：

查询元素节点

1. var element = document.getElementById('id');

1. var elements = documnet.getElementsByName('name');

1. var elements = document.getElementsByTagName('tagName');

新增元素节点

1. element.insertBefore();

1. element.appentChild();

删除元素节点

1. createElement();

1. element.removeChild();

修改元素节点

1. element.replaceChild();

属性节点：

查询属性节点

1. element.getAttribute();

新增属性节点

1. element.createAttribute();

修改属性节点

1. element.setAttribute();

文本节点：

新增文本节点

1. element.createTextNode();

 

HTML DOM Nodes 属性

HTML DOM属性 是指我们可以在节点上设置修改的值。
节点通用属性：

nodeName（节点的名称）

nodeValue（节点的值）

nodeType（节点的类型）

 

节点层级属性：

父节点

1. node.parentNode;

 

子节点

1. node.childNodes;

兄弟节点

1. node.nextSibling;

 

 

 

 

null