本文介绍了DOM（文档对象模型）的基本概念及其在AJAX中的应用。详细解释了如何使用JavaScript进行DOM操作，包括节点的选择、创建、修改和删除等常见任务。
DOM（Document Object Model）被称为文档对象模型，它是语言和平台中立的接口，允许程序和脚本动态访问和更新文档的内容、结构和风格。在AJAX中，DOM是HTML和XML文档的一个应用程序接口，它可以把HTML和XML与AJAX中的开发语言Javascript连接起来。
Javascript中的DOM实现使得我们可以在AJAX中通过JS代码对HTML和XML数据进行DOM方式的操作，从而做到页面的动态修改更新和数据的提取处理。在DOM中html网页中的HTML是由很多类型的节点组成的，这些节点都属于NODE对象。NODE对象有一个nodeType的属性用于判断节点的类型。
根节点的重要属性和方法：
documentElement:表示文档的根元素节点，在HTML文档中，它表示<html>标签代表的元素节点。
getElementById():返回文档中指定id的元素节点。
getElementsByTagName():以数组方式返回文档中具有指定标记名的所有元素节点，其顺序为在文档中出现的顺序。
Node对象的重要属性和方法：
attributes:表示某节点的所有属性节点对象的数组。
childNodes：表示当前节点的子节点的数组，如果没有子节点，则返回空数组。
appendChild():给当前节点增加一个子节点，它位于当前节点的所有子节点的末尾。
cloneNode():复制当前节点，或者复制当前节点以及它的所有子孙节点。方法的参数为true或者false，true代表递归的复制所有的子孙节点，false代表只复制当前节点。
Element节点对象的常用方法：
hasAttribute():如果该元素具有指定名字的属性，则返回true。
removeAttribute():删除指定的属性，参数为属性的名称。
removeAttributeNode():从元素节点的属性列表中删除指定的属性节点，参数为属性的名称。
setAttribute()：给指定的属性设置字符串值，如果该属性不存在则添加一个新的属性。第一个参数为属性名称，第二个参数为属性的值。
setAttributeNode()：把指定的属性节点添加到某元素的属性列表中。方法的参数为属性节点对象。
扫一扫
652
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
