js获取节点

获取元素节点：

document.getElementsByTagName();//一组节点对象
返回一个类数组对象；
即使只找到一个，也会封装到数组；
  document.getElementsByName();//获取一组。常用于表单元素
innerHTML:读取元素内容，对于自结束标签没有意义；
元素的class属性不能通过.读取
通过元素.className读取class属性;

获取元素节点的子节点

通过具体元素节点调用；
childNodes在都DOM标准中包括空白节点。但是在IE8及以下的流览器，不会讲空白文本当成子节点
children获取当前元素的所有子元素。
firstChild获取当前元素第一个子节点。包括空白节点
firstElementChild获取当前元素的第一个子元素。

在事件的响应函数中，响应函数是谁绑定的this就是谁。

 //在document有一个属性body,它保存的是body的引用
 var body=document.body;
 var html=document.documentElement;//获取根标签
 var box=document.getElementsByClassName("box");
 console.log(box.length);//ie8及以下不支持
//querySelector可以查询任意元素，但是只会返回一个元素
 var box1=document.querySelector('.box div');//需要一个选择器的字符串作为参数，根据css选择器 来查询一个元素节点
 console.log(box1.innerHTML);
 //querySelectorAll将结果封装在一个数组中，即使只有一个元素，也会返回一个数组。
 
 var box2=document.querySelectorAll(".box");
 console.log(box2);