DOM方法获取元素和节点操作获取元素的比较和分析

这里是DOM获取元素----------

一、DOM获取元素的属性值

（1）element.属性

（2）element.getAttribute('属性') 

 二、设置元素的属性值

（1）element.属性=‘值’

（2）

 

 三、移除属性

四、自定义的属性值获取

（为什么要谈这个呢，首先程序员在打代码的时候总会遇到需要自定义属性，也就是自己取名字的属性来保存数据，在我们要获取这个属性值的时候，名字太长一个一个敲很繁琐）h5新增的标签用来获取用data-开头的自定义属性

小例子

 

这里是节点操作获取元素----------

五、 节点操作获取元素

 利用父子兄节点关系获取元素（更方便而且逻辑性强，但是兼容性稍差）

（1）节点有nodeType 、nodeName 、nodeValue三个基本属性

元素节点为1（最常用）、属性节点为2、文本节点为3（文字空格换行）

小例子 

 

 

结果图： 

（2）获取第一个和最后一个节点元素

(3)添加元素节点

 (4)删除节点

node.removeChild(child)

(5)克隆节点

里面的true为深度拷贝，加上去就会连里面的内容也一起拷贝