操作DOM元素

一、元素节点获取

1、通过id获取：document.getElementById(id属性值）

2、通过标签名获取：document.getElementsByTagName(标签名称）

3、通过name属性值获取：document.getElementsByName(name属性值）

4、通过class属性值获取：document.getElementsByClassName(class属性值）

 二、文本节点获取

1、.firstchild获得第一个子节点

2、lastchild获得最后一个子节点

3、nodetype获得节点的类型，3为文本类型

4、.wholetext获得文本信息

三、父节点

节点.parentnode

四、属性值操作

标签对象.getattribute（属性名）返回指定属性名的属性值

标签对象.setattribute(属性名，属性值）添加指定的属性，并为其赋指定的值

五、属性节点的获取

标签对象.attributes==>把元素节点对象的全部属性以数组的形式 给返回出来

六、节点.nodeType:判断节点类型

 1->元素节点  2->属性节点  3->文本节点   9->document节点

七、节点的创建和追加

1、创建标签document.createElement

2、创建文本内容document.createtextnode

节点的追加

.appendchild()

.replacechild(替换的内容，被替换的内容）

节点复制追加

.clonenode(true)深层复制（本身和内部子节点都复制）

.clonenode(false)浅层复制（复制本身包括属性）

注意要追加到body里面，否则不显示

八、节点的删除

.parentnode.removechild

九、操作css样式

标签对象.style.样式名

修改样式

标签对象.style.样式名=样式值