Ian*_*ott 103
文档对象模型.
DOM是Javascript看到其包含页面数据的方式.它是一个对象,包括HTML/XHTML/XML的格式,以及浏览器状态.
DOM元素类似于页面上的DIV,HTML,BODY元素.您可以使用CSS向所有这些类添加类,或使用JS与它们进行交互.
根据W3C:DOM允许程序和脚本动态访问和更新XML或HTML文档的内容,结构和样式.
DOM由以下部分组成:
干杯
DOM代表文档对象模型.它是W3C(万维网联盟)标准.它定义了访问和操作HTML和XML文档的标准.DOM的元素是head,title,body标签等.所以你的第一个声明的答案是
声明#1您可以向单个DOM元素添加多个类.
说明:"div class ="cssclass1 cssclass2 cssclass3"
这里标签是DOM的元素,我已经将多个类应用于DOM元素.
DOM(文档对象模型)是用于访问文档的标准。
“加载网页时,浏览器将创建该页面的文档对象模型。”
它分为3部分:
- Core DOM - standard model for all document types
- XML DOM - standard model for XML documents
- HTML DOM - standard model for HTML documents
Run Code Online (Sandbox Code Playgroud)
要了解更多信息,请访问:http : //www.w3schools.com/js/js_htmldom.asp
要了解DOM元素的概念,必须了解动态HTML和DOM的概念。一切都是从增强网页所有股东的要求开始的。他们希望网页能够更具交互性,动态性和活泼性。另外,为了达到这个目标,开发人员需要使用工具和机制,通过它们可以修改或操纵网页各部分的表示和内容。因此,创建了动态HTML的概念。要理解它,可以在Wikipedia中获得有关动态HTML的出色定义:
动态HTML或DHTML是总括性术语的统称,用于通过结合使用静态标记语言(例如HTML),客户端脚本语言(例如JavaScript),演示文稿定义语言(例如CSS)和文档对象模型(DOM)。
因此,编写标准DHTML网页在三个领域进行了标准化,包括客户端脚本语言(例如JavaScript),表示形式定义语言(例如CSS)和用于访问和修改网页(文档)的统一编程接口(API)。对象模型)。此活动由W3C和其他人员执行。为了解决跨浏览器的问题,W3C试图(与不同的浏览器供应商达成共识)有关脚本,以通过文档对象模型(DOM)作为标准应用程序编程接口(API)访问和操作HTML和XML文档。
但是主要的问题是,他们如何设计文档对象模型的结构来满足他们的需求。他们的解决方案很简单,但很不错。他们使用了诸如树之类的层次结构,在树的根部您可以找到文档对象,而且每个节点都等效于HTML元素(DOM元素)。网页的这种抽象使您可以方便地访问任何HTML元素,样式表和...。为了更好地理解它,您可以将HTML代码的每个缩进映射到DOM树的每个级别。请注意以下示例:
您的HTML:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>...</p>
<ul>
<li>...</li>
</ul>
<table>
<tr>...</tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
DOM结构:
document
| .
<html> .
/ \ .
<head> <body> styleSheets
/ \ \
<p> <ul> <table>
/ \ \
text <li> <tr>
Run Code Online (Sandbox Code Playgroud)
因此,此分层结构(DOM树)的每个节点都引用一个DOM元素。要了解更多信息,请使用tis参考
| 归档时间: |
|
| 查看次数: |
109562 次 |
| 最近记录: |