html 选择器 父节点,【JavaScript】JS获取子节点、父节点和兄弟节点的几种方式，附CSS组合选择器...

【一】、JS获取子节点的方式

1，通过获取dom方式直接获取子节点

1) document.getElementById("ID");

2) document.getElementsByTagName("tagName")

3) document.getElementsByClassName("className")

4) document.getElementsByName("Name")

5) document.documentElement //获取HTML元素

document.body//获取body元素

6) document.querySelector(CSS selectors)获取一个

document.querySelectorAll()获取多个

2，通过childNodes集合，获取子节点

使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。【需要进行过滤，通过正则表达式】

var b =document.getElementById("test").childNodes;

3，通过children数组，来获取子节点

利用children来获取子元素是最方便的，他也会返回出一个数组。对其获取子元素的访问只需按数组的访问形式即可。

var getFirstChild = document.getElementById("test").children[0];

4，直接获取第一个子节点：firstChild

firstChild来获取第