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选择器获取元素,以类数组形式存在