什么是DOM?
DOM全拼为Document Object Model(文档对象模型)是一种用于HTML和XML文档的编程接口,它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。我们最为关心的是,DOM把网页和脚本以及其他的编程语言联系了起来。
DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示,不过页面当然可能并不是以这种树的方式具体实现。
通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。
扩展资料:
DOM文档对象模型的基本方法:
1、直接引用结点:document.getElementById(id);--在文档里面通过id来找节点
document.getElementByTagName(tagName);--返回一个数组,包含对这些结点的引用
document.getElementByTagName("span");将返回所有类型为span的结点。
2、获得结点信息:nodeName属性获得结点名称 --对于元素结点返回的是标记名称,如:<a herf><a>返回的是"a" ;对于属性结点返回的是属性名称,如:class="test" 返回的是test ;对于文本结点返回的是文本的内容,nodeType返回结点的类型。
3、处理属性结点:每个属性结点都是元素结点的一个属性,可以通过(元素结点.属性名称)访问;利用setAttribute()方法给元素结点添加属性。
4、处理文本结点:无论是ie还是firefox都容易把空格、换行、制表符等当成文本结点。所有一般通过element.childNodes[i]引用文本结点的时候,一般要处理: <script language"javaScript" type="text/javascript"> function cleanWhitespace(element) { for(var i=0; i<element.childNotes.length; i++) { var node = element.childNodes[i];
参考资料:百度百科-DOM
2023-07-25 广告