JavaScript的DOM操作

什么是DOM？

 如下图解

 

 

• Document:整个html文件都成为一个document文档

• Element:所有的标签都是Element元素

• Attribute：标签里面的属性

• Text：标签中间夹着的内容为text文本

• Node:document、element、attribute、text统称为节点node.

 

 

1、 Document对象

 

getElementsByName()
getElementsByTagName()

这两个方法获取之后需要遍历！

 

以下两个方法很重要，但是在手册中查不到！

创建文本节点：document.createTextNode()

创建元素节点：document.createElement()

2、Element对象

 

            我们所认知的html页面中所有的标签都是element元素

	向元素添加新的子节点，作为最后一个子节点。
	返回元素的首个子节点。
	返回元素节点的指定属性值。
	设置或返回元素的内容。
	在指定的已有的子节点之前插入新节点。
	返回元素的最后一个子元素。
	把指定属性设置或更改为指定值。
	从元素中移除子节点。
	替换元素中的子节点。

3、Attribute对象

 

我们所认知的html页面中所有标签里面的属性都是attribute

 

 

4、DOM中对appendChild()方法的运用

            
                                                      
      
            
       
北京
            
       
上海
            
       
广州