DOM获取和设置属性

一.节点

节点（node）这词是网络术语，表示网络中的一个连接点，一个网络就是由一些节点构成的集合。

三种类型节点：元素节点，文本节点，属性节点

<p title="a gentle reminder">不要忘记买东西</p>

上行代码中：<p>元素为元素节点，

                       title="a gentle reminder"为属性节点

                      不要忘记买东西为文本节点

二.CSS

继承（inheritance）是css技术中一项强大功能。

DOM,CSS也可看作节点树，节点树上的各个元素都将继承其父元素的样式属性

三.获取元素方法

3中DOM方法可获取元素节点

document.getElementById(id) // 通过元素id

document.getElementByTagName('p') // 通过标签名字

document.getElementByClassName(class) // 通过类名

注意：typeof 上边的返回结果均为对象，或者是对象数组

四.获取和设置属性

object.getAttribute('attribute') // 获取把标签属性

object.setAttribute('attribute', value) // 修改属性节点