这里是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为深度拷贝,加上去就会连里面的内容也一起拷贝