Dom节点类型

//Dom学习document
//获取节点类型
//document.querySelector("按照css选择器选择");但是不是实时的
//var div=document.querySelctorAll('div';)


一.关系类节点选择，包括所有的关系，遍历节点树
节点类型：1.元素节点--1
 2.属性节点--2
 3.文本节点--3
 4.注释节点--8


 5.document--9
 6.Document.Fragment--11


1.节点树
var strong=document.getElementsBytagName('strong')[0];
//元素的属性:
elment.parentNode//(document是最顶端父节点)
element.childNodes;//包括所有节点类型
element.firstChild
element.lasChild//最后一个孩子节点
//元素的兄弟节点（包括文本节点）
elmment.nextSibling//后一个兄弟节点
element.previousSibling//前一个兄弟节点


2.按照元素节点树类型选择
element.parentElement//父元素节点
children//子元素节点
children.length//子节点个数
firstElementChild//第一个子元素节点
nextElementSibling//下一个兄弟元素节点
previousElementSibling


3.document.getElementsBytagName('div');
 document.getElementsByClassName('');
 document.getElementsById('');


4.节点属性
node.nodeName//节点/元素的标签名字，只读
node.nodeValue//text节点或者Comment节点的文本内容，可读写

node.nodeType//该节点的类型

             4.node.atrributes//获取一个标签的 属性节点
 node.atrributes.name//获取属性名字
 node.atrributes.value//获取属性值


 5.node.hasChildNodes()//返回布尔类型值。判断是否是否有孩子节点