1.DOM简介

DOM= Document Object Model，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。

2.常用DOM

 

    var objElement = document.getElementById("button1"); 
    alert(objElement.tagName);			
    alert(objElements[0].tagName);		
    alert(objElementsN[0].tagName);
    var obj = objElementsN[0];var obj = objElementsN.button1; 
    var obj = objElementsN.item(0);
    var obj = objElement.parentNode;  
    var obj = objElement.previousSibling;   
    var obj = objElement.nextSibling; 
    var obj = objElement.childNodes;  
    var obj = objElement.firstChild;  
    var obj = objElement.lastChild;   
    
    objElement.innerHTML="标签修饰的内容为HTML";objElement.innerText="标签修饰的内容当成文本";objElement.firstChild.nodeValue:相当于innerText属性
    alert(objElement.id);   
    objElement.setAttribute("属性名",属性值);
    var objImg = document.createElement("img");  
    objImg.setAttribute("src","a.gif");  
    objFather.appendChild(objImg);  
    element.appendChild();

3.示例代码[html]

 

       
                     
Nice to meet you!
	
Hello world!
	
    
	  
     	  
     	  
     	  
     	  
     	  
     	  
     	
    
   

 

 

未经允许，不得用于商业目的