DOM(Document Object Model)——文档对象模型
一个网页是一个文档。这个文档可以被显示在浏览器窗口中,也可以以html源码的形式显示。
DOM提供了另一种方式来表示,存储,操作这个文档。DOM是网页的一种完全的面向对象的表示方法,可以通过脚本语言(比如说JavaScript)来改变。
DOM与BOM的关系?——BOM包含DOM
document对象有三个强大的方法,可以获取页面的任何元素
1.
var p1 = document.getElementById("p1");
//获取ID为p1的那个元素
//在一个文档中ID必须是唯一的,getElementById方法只会返回一个元素 alert(p1.tagName);
2.
var allP = document.getElementsByTagName("p");
//获取文档中所有p标签
//因为页面中标签相同的元素很多,所以即使页面中只有一个p素,getElementsByTagName也会返回一个集合
for (var i=0;i < allP.length;i++) {
alert(allP[i].innerHTML);//像数组一样访问其中的每个元素
}
2.1 getElementsByTagName还可以使用通配符*来获取所有的元素
var allTags = document.getElementsByTagName("*");
alert(allTags.length);
2.2更强大的是,getElementsByTagName不但可以在document对象上调用,也可以在其它HTML元素上调用
var p2 = document.getElementById("p2");
var p2ps = p2.getElementsByTagName("em");//将获取p2下面的em元素,而不获取p2之外的em
//还有一个通过name来获取元素的方法:getElementsByName
3.
var radios = document.getElementsByName("check");
//获取所有name为check的元素
4.获取和设置元素属性——getAttribute与setAttribute方法
var p1 = document.getElementById("p1");
alert(p1.getAttribute("id"));
p1.setAttribute("title","Value");
分享到:
相关推荐
本文概述DOM分类,document的方法以及属性、element的方法和属性document获取全局内容和创建全局内容,其中包括了节点属性和节点的相关方法和分类,本文结尾拓展了操作节点的方法和删除空文本节点的相关方法
文档对象模型(DOM,Document Object Model)是针对HTML和XML文档的一种应用编程接口(API),它以树状结构的形式表示整个文档,为程序员提供了动态地访问和修改文档内容、结构和样式的手段。当浏览器加载页面时,它...
DOM(Document Object Model)是HTML和XML文档的一种标准表示方式,它将网页内容结构化为一个可编程的对象模型。JavaScript是一种广泛用于网页开发的脚本语言,与DOM结合,可以实现对网页内容的动态修改、事件处理和...
《DOM Scripting: Web设计与JavaScript及文档对象模型》是由Jeremy Keith撰写的一本书籍,主要介绍如何使用JavaScript和DOM(Document Object Model,文档对象模型)进行网页设计。本书以简明易懂的方式循序渐进地...
文档对象模型(Document Object Model,简称DOM)是一项由万维网联盟(W3C)制定的标准,旨在提供一种独立于编程语言的接口,使得开发者能够通过脚本语言(如JavaScript)动态地访问和更新文档的内容、结构和样式。...
文档对象模型(Document Object Model,简称DOM),是W3C为了统一不同浏览器环境下的文档处理方式而制定的一套标准。这一标准的诞生,旨在解决早期浏览器混战时代,如IE与Netscape Navigator之间因API差异导致的开发...
本文将深入探讨ActiveObject中的一个关键对象——Msxml2.DOMDocument,以及它在ASP.NET AJAX WebService中的应用。 Msxml2.DOMDocument是Microsoft XML库(MSXML)中的核心组件,它实现了W3C的Document Object ...
DOM(Document Object Model)文档对象模型是W3C组织制定的一种标准,用于表示XML和HTML文档的结构化接口。这个2010版的手册是Web开发者和Ajax爱好者的重要参考资料,它详细阐述了如何通过编程方式操作、遍历和修改...
文档对象模型(Document Object Model,简称DOM)是一种标准的编程接口,它允许开发者通过对象化的形式来操作文档内容。无论文档是HTML还是XML格式,DOM都能为其提供统一的访问和操作方式。DOM的基本功能包括动态...
《常用手册 DOM文档对象模型》是一本专注于DOM(Document Object Model)技术的参考资料,它以CHM( Compiled HTML Help)格式提供,便于离线查阅。DOM是W3C(World Wide Web Consortium)制定的一种标准,它为HTML...
**文档对象模型**(Document Object Model,简称DOM)是一种与平台和语言无关的应用程序接口(API),它定义了如何在XML或HTML文档中表示、修改和查询数据。通过DOM,开发者可以轻松地访问页面中的元素,并通过JavaScript...
DOM(Document Object Model)是W3C组织制定的一种标准,它提供了一种结构化的表示XML或HTML文档的方式,并定义了访问和操作这些文档的标准方法。DOM将文档视为一棵由节点组成的树,每个节点代表文档的一部分,如...
DOM(Document Object Model)是万维网联盟(W3C)制定的一种标准,它提供了一种结构化的表示XML或HTML文档的方法,并允许编程语言与这些文档进行交互。DOM将整个文档视为一个由节点组成的树形结构,每个节点代表...
DOM(Document Object Model)文档对象模型是W3C组织制定的一种标准,用于表示XML和HTML文档的结构化接口。它将网页或XML文档解析为一个树形结构,使得开发者可以通过编程方式来访问和操作文档中的每一个元素。DOM...
DOM(Document Object Model)文档对象模型是Web开发中一个至关重要的概念,它为HTML和XML文档提供了一个结构化的表示,并提供了编程接口来访问和操作这个结构。DOM将文档视为一个由节点组成的树形结构,每个节点...