js通过不同的方法找对象

JS中寻找对象的5种方法

根据ID查找对象, 返回一个[object HTMLDivElement]对象

console.log(document.getElementById('test'));

根据元素节点找对象, 返回 HTMLCollection 对象集合

var objP1 = document.getElementsByTagName('p')[0];
objP1.style.color='red';

根据类名查找对象,返回 HTMLCollection 对象集合

document.getElementsByClassName('h1')[0].style.color='red';

根据表单name查找对象, 返回 NodeList 节点对象集合, 与对象集合类似(只能是表单)

var ObjInput = document.getElementsByName('username')[0];
alert(ObjInput.value);

还有子节点,父节点, 兄弟节点 ….. 在DOM手册里

childrenNode, parentNode...

注:所有的对象集合,节点集合, 哪怕只找到一个, 也包装成数组返回 . . . 当我们使用childrenNode时, 会把空的东西也计算进去, 使该节点对象比预期的要长,我们可以使用children, 这个属性不会计算那些空的东西,但是children没有childrenNode这么规范,children的兼容性也要比childrenNode的要好

分享到