DOM对象2

Dom文档对象
1、文档节点 Document    最顶层的节点或是文档节点
2、文档类型节点  DocumentType    DTD引用<!DOCTYPE>语法
3、文档片段节点  DocumentFragment
4、元素节点    Element    是唯一可以同时包含属性和子节点的节点类型
5、文本节点    Text
6、属性节点Attr   如<h1 id="top"></h1>里面的id="top"就是属性节点
7、CDataSection节点     只能包含文本节点Text作为子节点
8、注释节点    Comment
9、NodeList    节点数组，按照数值进行索引，用来表示元素特性
10、NameNodeMap   同时用数值和名字进行索引的节点表，用于表示元素特性 

 

绑定事件监听：document.addelementListener（"click",内容）
文档超链接数信息：document.anchors.length    只能识别a标签有name属性的超链接
获得表单数信息：document.forms.length

 

对document.getElementById()的书写封装
function $(id){
 return document.getElementById(id);
}

 

图片替换引用 

  <img src="bl.gif" id="t2" οnclick="div1"/>
            function div1(){
                   var a=document.getElementById("t2");
                   a.src="bul.gif";
              }

 

操纵元素的Style样式属性
在DOM中，对于每个CSS样式，Style对象都包含了一个相对应的属性，只不过格式略有不同，对于两个词的样式，style对象用去掉两个词之间的连接线，并且第二个词的首写字是大写的属性名来代表（例如，background-color样式用style.backgroundColor）。