Dom学习

一切皆为节点

整个文档就是一个文档节点

每一个HTML标签都是一个元素节点

标签中的文字则是文本节点

标签的属性是属性节点

注：属性节点不是子节点。

查看是否存在子节点hasChildNodes();该方法用来检查一个元素是否有子节点，返回值是true或false，var booleanValue = element.hasChildNodes();

使用文本节点和属性节点不可能再包含任何子节点，所以 childNodes , firstChild , lastChild 将是空数组和空字符串。

DOM属性，nodeName

如果是元素节点，nodeName返回这个元素的名称。

如果是属性节点，nodeName返回这个属性的名称。

如果是文本节点，nodeName返回一个内容为 #text 的字符串。

DOM属性，nodeType

nodeType:返回一个整数，这个数值代表着给定节点的类型。

Node.Element_NODE  1           元素节点

Node.ATTRIBUTE_NODE     2   属性节点

Node.TEXT_NODE   3               文本节点

nodeValue:返回给定节点的当前值。

如果给定一个属性节点，返回值是这个属性的值。

如果给定节点是一个文本节点，返回值是这个文本节点的内容。

如果给定的节点是一个元素节点，返回null

nodeValue 是一个读/写 属性，但不能对元素节点nodeValue设置值，但可以为文本节点的nodeValue设置值。

常用方法，getElementById(id)  获取元素。

getAttributeNode(name)  获取属性节点。

element.nodeValue  获取节点的值（要得到节点属性，直接用"."运算符）。

var  ele = element.childNodes[i] ;  获取第 i+1 个子节点。 

element.lastChild;获取最后一个子元素。

element.getElementsByTagName(""); 返回一个数组。

document.getElementById('  ').style.display='none' ;  将*隐藏。