DOM操作是指通过JavaScript脚本语言来对HTML或XML文档进行增加、删除、修改、查询以及操作样式等的操作。
获取对象元素数组内容:
-
document.getElementById(id)- 获取带有指定 ID 的元素。 -
document.getElementsByTagName(name)- 获取包含指定标签的所有元素的一个数组。 -
document.getElementsByClassName(name)- 获取带有指定类名的所有元素的一个数组。 -
document.querySelector(selector)- 返回一个包含第一个匹配指定选择器的元素的对象。 -
document.querySelectorAll(selector)- 返回一个包含所有匹配指定选择器的元素的对象的数组。 -
document.getElementsByName(name)- 获取带有指定名称的所有元素的一个数组。 -
document.forms[index]- 获取第 index 个表单的一个元素。 -
document.body- 获取文档中的<body>元素。 -
document.documentElement- 获取文档的根元素（HTML 元素）。 -
document.activeElement- 获取当前活动元素。 -
document.embeds- 获取文档中的所有嵌入式对象。 -
document.images- 获取文档中的所有图片。 -
document.links- 获取文档中的所有链接。 -
document.scripts- 获取文档中的所有脚本。
注意: 上述方法都是通过文档对象 document 获取元素对象，也可以通过其他元素对象的属性和方法获取其它元素对象。例如：
-
element.childNodes- 获取一个包含元素对象子节点的数组。 -
element.parentNode- 获取元素对象的父节点。 -
element.nextSibling- 获取元素对象的下一个兄弟节点。 -
element.previousSibling- 获取元素对象的上一个兄弟节点。 -
element.firstChild- 获取元素对象的第一个子节点。 -
element.lastChild- 获取元素对象的最后一个子节点。
常见的DOM操作包括：
-
增加：通过JavaScript脚本语言可以向HTML或XML文档中添加新的元素或节点。例如，可以使用document.createElement()方法创建一个新的元素，然后使用appendChild()方法将其添加到文档中。
-
删除：同样，JavaScript脚本语言也可以删除HTML或XML文档中的元素或节点。例如，可以使用removeChild()方法从文档中删除一个元素或节点。
-
修改：JavaScript脚本语言可以修改HTML或XML文档中的元素或节点的属性或内容。例如，可以使用setAttribute()方法修改元素的属性，或者使用innerHTML属性修改元素的内容。
-
查询：JavaScript脚本语言可以查询HTML或XML文档中的元素或节点。例如，可以使用getElementsByTagName()方法根据标签名查询元素，或者使用querySelector()方法根据CSS选择器查询元素。
-
操作样式：JavaScript脚本语言可以操作HTML或XML文档中元素的样式，例如修改元素的颜色、大小、位置等。可以使用style属性来设置元素的样式，例如element.style.color='red'来设置元素的颜色为红色。
总之，DOM操作是开发Web应用程序中不可避免的核心技术之一，熟练掌握DOM操作可以更加高效地开发出优秀的Web应用程序。
4490
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
