javascript的DOM操作

javascript中的DOM操作在js编程中十分重要，因为它像HTML文档和JS之间的桥梁，为页面增添动态特性，让用户有更强的用户体验。

DOM操作的实现依赖四个基本方法：

（1）document.getElementById()：通过ID获取HTML页面的特定元素节点

（2）document.getElementsByTagName()：通过标签获取HTML页面的特定元素节点

（3）object.getAttribute(attribute)：查询属性节点的属性名字

（4）object.setAttribute(attribute,value)：设置属性节点的名字

另外，还有一个不常用的:document.getElementsByName()：通过元素的name属性获取

同时，在HTML5中又新增了几个:

(1)document.getElementByClass()：通过类名获取元素，以伪数组形式存在，调用这个方法时，只有位于调用元素子树中的元素才会返回

(2)document.querySelector('Selector')：通过CSS选择器获取元素，匹配符合条件的第一个元素

(3)document.querySelectorAll('Selector')：通过CSS选择器获取元素，以类数组形式存在