JS中的DOM方法大全

W3C  DOM

什么是DOM，DOM其实就是一个把HTML或者XML等符合W3C标准的文档内容模拟成一个Java对象，这样才能给Java或者是JS来操作。

下面就是JS中模拟出的内置DOM对象document的属性和方法（同样，Java中也有对应的DOM类，并且更强大）

方法：document .createElement（tagName）

说明：创建指定元素

方法：document .createTextNode(文本)

说明：创建文本节点

方法：_dom .appendchild(子元素)

说明：添加新节点

方法：_dom .getAttribute(属性名)

说明：返回元素的属性

方法：_dom .setAttribute(属性名，属性值)

说明：设置元素属性

方法：_dom .insertBefore（新元素，子元素）

说明：在字节点前插入元素

方法：_dom .removeAttribute（属性名）

说明：删除属性

方法：_dom .removeChild（子元素）

说明：删除节点

方法：_dom .replaceChild（新元素，子元素）

说明：替换节点

方法：_dom .hasChildNodes（）

说明：是否有子元素

用于处理XML文档的DOM元素属性

方法：childNotes

说明：返回所有子元素的数组

方法：firstChild

说明：第一个下级元素

方法：lastChild

说明：最后一个下级元素

方法：nextSibling

说明：下一个元素

方法：previousSibling

说明：上一个元素

方法：nodeValue

说明：指定元素的读写属性

方法：parentNode

说明：返回元素的父节点

用于遍历XML文档的DOM元素的方法

方法：getElementById（ID名）

说明：根据ID获取DOM对象

方法：getElementByTagName(TagName)

说明：根据TagName返回对象数组

方法：getElementByName（Name）

说明：根据Name返回对象数组

方法：hasChildNodes( )

说明：判断是否有子元素

方法：getAttribute（属性名）

说明：返回元素的属性