以下语句中DOM元素的含义是什么?
您可以将多个类添加到单个DOM元素中。
关键是CSS中的继承不是通过类,而是通过元素层次结构完成的。因此,要对继承的特征进行建模,您需要将其应用于DOM中不同级别的元素。
我知道DOM代表 Domain Object Model
。在语句中,它似乎是API的同义词。
Answers:
文档对象模型。
DOM是Javascript看到其包含页面数据的方式。它是一个对象,其中包括如何格式化HTML / XHTML / XML以及浏览器状态。
DOM元素类似于页面上的DIV,HTML,BODY元素。您可以使用CSS将类添加到所有这些类中,或使用JS与它们进行交互。
要了解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>
DOM结构:
document
| .
<html> .
/ \ .
<head> <body> styleSheets
/ \ \
<p> <ul> <table>
/ \ \
text <li> <tr>
因此,此分层结构(DOM树)的每个节点都引用一个DOM元素。要了解更多信息,请使用tis参考
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
要了解更多信息,请访问:http : //www.w3schools.com/js/js_htmldom.asp
看到您的语句引用了“ DOM元素”,例如HTML标记(A,INPUT等)。这些语句仅表示可以将多个CSS类分配给一个这样的元素。
加载网页后,浏览器将创建该页面的文档对象模型。
HTML DOM模型被构造为对象树:
使用对象模型,JavaScript获得了创建动态HTML所需的全部功能: