DOM-----文档对象模型

1.DOM=Document Object Model,文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。

2.节点



一切都是节点

3.NODE接口的特性和方法



4.下面简单写个小例子

<script type="text/javascript">
<!--
//当窗体加载完毕后 触发该匿名函数
window.onload = function(){
//文档document节点对象
//getElementById("id名称");根据id获取指定的节点对象 ||DOM对象
//input元素节点
var textDom = document.getElementById("uname");
alert("获取属性"+textDom.type+"====="+textDom.value+"======"+textDom.id);
//根据节点的类型而定义  元素的名称
alert("节点的名称:"+textDom.nodeName);
//根据节点的类型而定义  value null
alert("节点的value值"+textDom.nodeValue);
//节点的类型常量值之一  数字 元素节点类型 就是1
alert("节点的类型"+textDom.nodeType);
//获取该元素节点的所以的属性节点
var attrs = textDom.attributes;
alert(attrs.length);
//遍历出所有的属性节点
for(var i=0;i<attrs.length;i++){
//输出属性节点的名称就是属性值   属性节点的value就是该属性的value值  属性节点的类型值是2
alert("属性节点的名称"+attrs[i].nodeName+"属性节点的value"+attrs[i].nodeValue+"属性节点的类型值"+attrs[i].nodeType);
}
var twoDom = document.getElementById("two");
//首先判断其是否有子节点
if(twoDom.hasChildNodes()){
//获取该节点的所有子节点
var sonNodes = twoDom.childNodes;
//遍历 #text 文本   属性节点的value 文本内容    文本节点的类型值是3
alert(sonNodes[0].nodeName+" "+sonNodes[0].nodeValue+" "+sonNodes[0].nodeType);
}

}
//-->
</script>