DOM常用基础知识

DOM:
html中每个元素，属性，值，都对应一个dom的节点，通过操作这些节点，来对web网页的控制

节点类型：
1.docment根节点
2.文档类型节点：docmentType指的是<!DOCTYPE>这句话
3.元素节点：Element
4.文本节点：Text
5.属性节点：Attr
6.注释节点：Comment

创建节点：
1.创建元素节点：createElement(元素标签)
2.创建文本节点：createTextNode(文本显示的值)；
3.创建属：createAttribute(属性名);

获取节点对象：
1.根节点.getElementById(id值);
2.根节点.getElementsByTagName(元素名);
3.根节点.getElementsByName(name属性的值)；

添加操作节点以及节点的一些属性和方法：
1.appendChild(node);
2.removeChild(node);
3.replaceChild(newNode,oldNode);
4.insertBefore(newNode,oldNode);
移动指针去访问节点：
5.firstChild();下一级节点的第一个
6.lastChild();下一级节点的最后一个
7.nextSibling();同一级的下一个
8.previousSibling();同一级的上一个
基本属性：
9.nodeName
10.nodeValue;
11.nodeType;
12.childNodes;所有子节点
13.attributes所有属性节点的集合；

对于元素属性的处理：

首先通过 元素节点对象.attributes  获取属性节点对象1的集合
在调用集合的
    getNamedItem(name);获取
    removeNamedItem(name);删除
    setNamedItem(node);添加
    item(num);通过索引去找
处理对应的属性，这里的方法返回的都是属性节点对象

但是有简便方法：
    直接调用元素节点对象的:
        setAttribute(name,value);
        getAttribute(name);
        removeAttribute(name)；
    处理更加快；

 

纯属于个人简单总结！方便以后看，大牛们勿喷！~~

 

转载于:https://my.oschina.net/huayangchen/blog/895167