操作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.样式名=样式值

原文地址:https://www.cnblogs.com/chenyang-1/p/8231730.html