javascript操作DOM：查找节点

1.根据ID来查找，返回的是节点对象本身
code: document.getElementById

2.根据html（div,ul,li）标签名称查找，返回相应节点对象的数组
document.getElementsByTagName

3.根据节点对象name属性查找，返回相应节点对象的数组
document.getElementsByName

4.查找子节点元素
//返回所有子节点，值得注意的是此方法会把空白节点也算进去，此写法是W3C的标准写法
obj.childNodes

//非W3C的标准写法，但是主流浏览器（IE，firefox，谷歌浏览器）都支持。此方法可以过滤空白节点
obj.children

注意：早期，name属性只存在表单元素，部分浏览器把name属性扩展到其他的元素中，如div。然而IE没有变化。

修改节点的css，只需要修改节点对象的style下面的属性：
obj.style.width = '200px'; //修改边框
obj.style.background = 'url(images/e.jpg)'; //修改背景

节点之间关系的查找

查找当前节点的父节点
obj.parentNode //返回上级节点对象
 
查找当前节点的子节点：
obj.children //返回所有子节点集合
obj.children[index] //通过下标获取某一个子节点

查找当前节点下面子节点的某一个标签集合
obj.getElementsByTagName('p') //选择当前节点下子节点集合中的所有<p>标签的集合。

转载于:https://my.oschina.net/haigou20/blog/122960