什么是DOM?
发布网友
发布时间：2022-04-22 07:31
共7个回答
懂视网
时间：2022-04-28 17:28
本篇文章给大家带来的内容是关于什么事DOM对象？DOM对象简介，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
一、DOM对象
DOM，全称“Document Object Model（文档对象模型）”，它是由W3C组织定义的一个标准。
在前端开发时，我们往往需要在页面某个地方添加一个元素或者删除元素，这种添加元素、删除元素的操作就是通过DOM来实现的。
说白了，DOM就是一个接口，我们可以通过DOM来操作页面中各种元素，例如添加元素、删除元素、替换元素等。这下大家就懂了吧。记住，DOM就是文档对象模型，文档对象模型就是DOM，很多人在学习DOM的时候看到“文档对象模型”还不知道是什么？
二、DOM结构
DOM采用树形结构作为分层结构，以树节点形式表示页面中各种元素或内容。
举例：
<html> <head> <title><title> <body> <h1>Gxlcms</h1> <p>Gxlcms成立.....</p> </body> </html>
在DOM中，每一个元素看成一个节点，而每一个节点就是一个“对象”。也就是我们在操作元素时，把每一个元素节点看成一个对象，然后使用这个对象的属性和方法进行相关操作。（这句话对理解DOM操作太重要了）。
下面我们介绍几个关于节点的概念。
1、根节点
在HTML文档中，html就是根节点。
2、父节点
一个节点之上的节点就是该节点的父节点，例如h1的父节点就是body，body的父节点就是html。
3、子节点
一个节点之下的节点就是该节点的子节点，例如h1就是body的子节点。
4、兄弟节点
如果多个节点在同一层次，并拥有相同的父节点，那么这几个节点就是兄弟节点。
例如h1和p就是兄弟节点，因为他们拥有相同的父节点body。
热心网友
时间：2022-04-28 14:36
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
热心网友
时间：2022-04-28 15:54
文档对象模型（DocumentObjectModel，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。
脚本开发人员可以通过文档对象的属性、方法和事件来掌控、操纵和创建动态的网页元素。每一个网页元素（一个HTML标签）都对应着一个对象（object，所谓“对象”，用白话说就是“东西”。object这个词在通常翻译成“物件”）。网页上的标签是一层层嵌套的，最外面的一层是<HTML>，文档对象模型也这样一层层嵌套着，但是通常被理解成一棵树的形状。树根是window或document对象，相当于最外层的标签的外围，也就是整个文档。树根之下（这棵树的图通常是倒着画，就好像遗传谱系或者家谱那样。树根就是唯一的共同祖先）是子一级的对象，子对象也有它自己的子对象，除了根对象以外，所有的对象都有自己的父对象，同一对象的子对象之间就是兄弟的关系。
在这种由“父子兄弟”组成的“单性繁殖家族图谱树”框架结构中，每个网页元素都可以被确切地定位。文档对象模型把整张网页组织成这样的一个树状的结构，树结构中的每一个元素都被视为一个节点（node）。包括JavaScript在内的各种编程语言都可以通过文档对象模型来访问和改变网页的各种细节。
万维网协会（WorldWideWebConsortium，W3C）已经给文档对象模型制定了一系列标准，并且正在制定更多的相关标准。当代的浏览器除支持其中的一部分标准之外，还支持某些早在W3C标准制定以前就流行了的历史既成的编程接口。也就是说现在浏览器使用的技术历史由来纷繁复杂，有些人们普遍使用的DOM技术并无标准可依。
我们将深入所有通用DOM的细节（包括IE浏览器中“与众不同”的某些技术），以全面掌握面向实践的技术。
DOM和JavaScript
我经常在QQ、MSN和email中被大家问到的“有关JavaScript”的问题，95%其实是DOM的问题。人们在习惯上不爱说DOM，要么就说JavaScript，要么就扯到“Ajax”（一度火爆的“概念”，最近刚刚有所降温，一如上世纪末的“DHTML”那样。对于这些热点词汇的产生，我个人感到非常欣慰，因为每一次都带来人们对JavaScript技术的热捧。下一个热点词汇是什么？也许我们可以炮制一个也说不定……Pseudo-Mashup，如何？）。
我们用JavaScript对网页进行的所有操作都是通过DOM进行的。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容，所以如果你下载一个JavaScript语言的参考帮助文档来查的话，就连妇孺皆知的document.write方法也找不到。
下面这段代码的作用是用一个提示框逐个显示网页中所有链接的网址，代码中被标为红色的部分就是DOM。
varanchorTags=document.getElementsByTagName("a");
for(vari=0;i<anchorTags.length;i++)
{
alert("Hrefofthisaelementis:"+anchorTags[i].href+"\n");
}
这样一来哪些是核心JavaScript，哪些是DOM，各自起什么作用，就可以一目了然了。
varanchorTags=
创建了一个名为anchorTags的JavaScript变量。
document.getElementsByTagName("a")
Document接口是DOM1核心（DOM1Core）规范中定义的第一个接口，而document是实现了Document接口的一个宿主对象。document掌控着网页里的所有东西。
DOM1核心为Document接口定义了getElementsByTagName()方法。这个方法返回一个节点列表（NodeList），也就是一种DOM特有的包含节点的数组，包含了所有符合匹配参数条件的标签，按照在文档中出现的顺序排列。于是anchorTags变量现在就成了一个节点列表。
;
分号是JavaScript里的语句结束符号。
for(vari=0;i<
这是编程语言里典型的“for循环”。声明了循环变量i，逐个处理anchorTags节点列表里的每一个节点。这也是JavaScript的东西。
anchorTags.length
DOM1核心定义了NodeList接口的length属性。这个属性返回一个整数，就是节点列表里包含的节点数目。说起来JavaScript的数组也有一个length属性。
;i++){
典型的JavaScript变量增1运算。
alert(
alert()是一个DOM方法，弹出一个提示框，显示传递给该方法的参数（字符串）。话说这个东西是通称0级DOM（DOMlevel0）或DOM0的一些历史既成的编程接口当中的一员。DOM0是一套“被某些浏览器所支持”的编程接口（事实上，市场上不存在不支持DOM0的浏览器，只有在某些软件爱好者的收藏品中才能见得到），不属于任何DOM标准规范。
"Hrefofthisaelementis:"+
一个字符串字面量和一个字符串链接符。JavaScript的东西。
anchorTags[i].href
href是DOM1HTML规范中定义的HTMLAnchorElement接口的属性，返回链接（<a>）元素的href属性的值。
在此我们用了像anchorTags[i]这样的用法，这和JavaScript里访问第i个数组项的语法是一样的。语言中性（language-neutral，与具体语言无关）的所谓“DOM方式”访问某个节点列表中的一个项目的办法是使用在NodeList接口中定义的item()方法：anchorTags.item(1).href。但是大多数JavaScript实现程序都允许你使用这种简单的类似于数组的语法，而这也是大多数人实际在用的方式。
+"\n");
又一个字符串连接。在字符串的末尾加入一个回车符。
}
“for循环”结束。
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/zjybushiren88888/archive/2009/08/19/4462448.aspx
热心网友
时间：2022-04-28 17:29
文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。
脚本开发人员可以通过文档对象的属性、方法和事件来掌控、操纵和创建动态的网页元素。每一个网页元素（一个HTML标签）都对应着一个对象（object，所谓“对象”，用白话说就是“东西”。object这个词在通常翻译成“物件”）。网页上的标签是一层层嵌套的，最外面的一层是<HTML>，文档对象模型也这样一层层嵌套着，但是通常被理解成一棵树的形状。树根是window或document对象，相当于最外层的标签的外围，也就是整个文档。树根之下（这棵树的图通常是倒着画，就好像遗传谱系或者家谱那样。树根就是唯一的共同祖先）是子一级的对象，子对象也有它自己的子对象，除了根对象以外，所有的对象都有自己的父对象，同一对象的子对象之间就是兄弟的关系。
在这种由“父子兄弟”组成的“单性繁殖家族图谱树”框架结构中，每个网页元素都可以被确切地定位。文档对象模型把整张网页组织成这样的一个树状的结构，树结构中的每一个元素都被视为一个节点（node）。包括JavaScript在内的各种编程语言都可以通过文档对象模型来访问和改变网页的各种细节。
万维网协会（World Wide Web Consortium，W3C）已经给文档对象模型制定了一系列标准，并且正在制定更多的相关标准。当代的浏览器除支持其中的一部分标准之外，还支持某些早在W3C标准制定以前就流行了的历史既成的编程接口。也就是说现在浏览器使用的技术历史由来纷繁复杂，有些人们普遍使用的DOM技术并无标准可依。
我们将深入所有通用DOM的细节（包括IE浏览器中“与众不同”的某些技术），以全面掌握面向实践的技术。
DOM和JavaScript
我经常在QQ、MSN和email中被大家问到的“有关JavaScript”的问题，95%其实是DOM的问题。人们在习惯上不爱说DOM，要么就说JavaScript，要么就扯到“Ajax”（一度火爆的“概念”，最近刚刚有所降温，一如上世纪末的“DHTML”那样。对于这些热点词汇的产生，我个人感到非常欣慰，因为每一次都带来人们对JavaScript技术的热捧。下一个热点词汇是什么？也许我们可以炮制一个也说不定……Pseudo-Mashup，如何？）。
我们用JavaScript对网页进行的所有操作都是通过DOM进行的。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容，所以如果你下载一个JavaScript语言的参考帮助文档来查的话，就连妇孺皆知的document.write方法也找不到。
下面这段代码的作用是用一个提示框逐个显示网页中所有链接的网址，代码中被标为红色的部分就是DOM。
var anchorTags = document.getElementsByTagName("a");
for (var i = 0; i < anchorTags.length ; i++)
{
alert("Href of this a element is : " + anchorTags[i].href + "\n");
}
这样一来哪些是核心JavaScript，哪些是DOM，各自起什么作用，就可以一目了然了。
var anchorTags =
创建了一个名为 anchorTags 的 JavaScript 变量。
document.getElementsByTagName("a")
Document接口是 DOM1核心（DOM1 Core）规范 中定义的第一个接口，而 document 是实现了Document接口的一个宿主对象。document掌控着网页里的所有东西。
DOM1核心 为Document 接口定义了 getElementsByTagName() 方法。这个方法返回一个节点列表（NodeList） ，也就是一种DOM特有的包含节点的数组，包含了所有符合匹配参数条件的标签，按照在文档中出现的顺序排列。于是anchorTags变量现在就成了一个节点列表。
;
分号是JavaScript里的语句结束符号。
for (var i = 0; i <
这是编程语言里典型的“for循环”。声明了循环变量i，逐个处理anchorTags节点列表里的每一个节点。这也是JavaScript的东西。
anchorTags.length
DOM1 核心 定义了NodeList接口的 length 属性。这个属性返回一个整数，就是节点列表里包含的节点数目。说起来JavaScript 的数组也有一个 length属性。
; i++) {
典型的JavaScript变量增1运算。
alert(
alert() 是一个DOM方法，弹出一个提示框，显示传递给该方法的参数（字符串）。话说这个东西是通称 0级DOM（DOM level 0）或DOM0的一些历史既成的编程接口当中的一员。DOM0 是一套“被某些浏览器所支持”的编程接口（事实上，市场上不存在不支持DOM0的浏览器，只有在某些软件爱好者的收藏品中才能见得到），不属于任何DOM标准规范。
"Href of this a element is : " +
一个字符串字面量和一个字符串链接符。JavaScript的东西。
anchorTags[i].href
href 是 DOM1 HTML 规范中定义的 HTMLAnchorElement 接口的属性，返回链接（<a>）元素的href属性的值。
在此我们用了像anchorTags[i]这样的用法，这和JavaScript里访问第i个数组项的语法是一样的。语言中性（language-neutral，与具体语言无关）的所谓“DOM方式”访问某个节点列表中的一个项目的办法是使用在NodeList接口中定义的item() 方法：anchorTags.item(1).href。但是大多数JavaScript实现程序都允许你使用这种简单的类似于数组的语法，而这也是大多数人实际在用的方式。
+ "\n");
又一个字符串连接。在字符串的末尾加入一个回车符。
}
“for循环”结束。
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/zjybushiren88888/archive/2009/08/19/4462448.aspx
热心网友
时间：2022-04-28 19:37
DOM即文档对象模型
为HTML文档定义了一个与平台无关的程序接口
热心网友
时间：2022-04-28 22:02
是不是星期六的代码
热心网友
时间：2022-04-29 00:43
dom和sub接触以后，如果决定建立长期关系，会有一个计划。
一般有观察（早期了解），开始（通过某些手段让sub信服，服从），调教（针对sub的偏差执行调整计划），回归（解开束缚手段，让sub恢复无碍的正常生活）。
可能大部分人都不知道这三个步骤，绝大多数的调教还局限在第一阶段。很少人能进入第二阶段。真正达到第三阶段并结束的，就罕见了。
当然这里并不是说，所有dom和sub都有这个三个阶段。这会是个漫长的过程，很多时候我们往往会提及，sub所需要的并非控制，控制也许只是手段，sub真正需要的是cure。
我是dom，可以引导sub，490424224
