HTML DOM Nodes

时间：2017-03-07 19:41:19 阅读：260 评论：0 收藏：0 [点我收藏+]

HTML DOM Nodes 介绍

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

HTML DOM Nodes 层级

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

HTML DOM Nodes 方法

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

查询元素节点

var element = document.getElementById(‘id‘);

var elements = documnet.getElementsByName(‘name‘);

var elements = document.getElementsByTagName(‘tagName‘);

新增元素节点

element.insertBefore();

element.appentChild();

删除元素节点

createElement();

element.removeChild();

修改元素节点

element.replaceChild();

属性节点：

查询属性节点

element.getAttribute();

新增属性节点

element.createAttribute();

修改属性节点

element.setAttribute();

文本节点：

新增文本节点

element.createTextNode();

HTML DOM Nodes 属性

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

nodeName（节点的名称）
技术分享

nodeValue（节点的值）
技术分享

nodeType（节点的类型）
技术分享

节点层级属性：

父节点

node.parentNode;

子节点

node.childNodes;

兄弟节点

node.nextSibling;

原文：http://www.cnblogs.com/RocketMan/p/6516060.html

踩

(0)

评论一句话评论（0）

分享档案

更多>