差异uff1a



Javaｓｃｒｉｐｔ

Javaｓｃｒｉｐｔ是Internet上最流行的浏览器脚本语言，使用起来很容易！你会喜欢的！



数以百万计的网页使用Javaｓｃｒｉｐｔ来改进设计、验证表单、检测浏览器、创建cookie和更多应用程序。



HTML DOM



HTML DOM是W3C标准（HTML文档对象模型的英文缩写，HTML的文档对象模型）。



HTML DOM定义了一系列HTML标准对象，以及访问和处理HTML文档的标准方法。



通过DOM，所有HTML元素都可以与它们包含的文本和属性一起访问。您可以修改和删除它的内容，也可以创建新元素。



HTML DOM是独立于平台和编程语言，它可以在任何编程语言，如java，Javaｓｃｒｉｐｔ和VBｓｃｒｉｐｔ。

接触：

使用Javaｓｃｒｉｐｔ，您可以重构整个HTML文档。



为了改变页面上的某些内容，Javaｓｃｒｉｐｔ需要访问HTML文档中的所有元素，这个条目以及添加、移动、更改或删除HTML元素的方法和属性是通过文档对象模型（DOM）实现的。

Javaｓｃｒｉｐｔ主要使用HTML DOM来获取、更改和创建HTML元素，从而达到美化页面和操作页面元素的目的。因此，Javaｓｃｒｉｐｔ中最常见的是各种HTML DOM元素及其各自的属性。



简言之，可以认为Javaｓｃｒｉｐｔ主要由HTML DOM操纵，两者是不同的。

Javaｓｃｒｉｐｔ是一种语言，DOM是一种可以动态修改各种语言的文档（不仅是js，而且是PHP）的模型。

下面详细说明Javaｓｃｒｉｐｔ和DOM之间的关系。

Javaｓｃｒｉｐｔ和浏览器的工作

1。浏览器获取并加载页面以从上到下解析其内容。

当遇到Javaｓｃｒｉｐｔ时，浏览器解析代码，检查其正确性，然后执行代码。

浏览器还构建了HTML页面（DOM）的内部模型。

2.javaｓｃｒｉｐｔ继续执行，使用DOM检查页面，完全改变，接受来自页面事件，或请求浏览器从Web服务器获取其他数据。

Javaｓｃｒｉｐｔ如何与页面交互

Javaｓｃｒｉｐｔ是代码，HTML是标记，完全不同的东西。

他们如何使他们互动

答案是使用文档对象模型（简称docunment对象模型）。

DOM的优点在于它可以通过访问HTML代码在所有浏览器、结构和内容上提供一致的方式。

1。当页面加载在浏览器中时，浏览器解析HTML并创建文档的内部模型，该模型包含HTML标记的所有元素。

2，Javaｓｃｒｉｐｔ可以与DOM交互（Javaｓｃｒｉｐｔ使用DOM来创建或删除元素等等）

文档是反映HTML的对象，通过调用文档改变DOM的状态，也就是改变HTML页面。

3，当Javaｓｃｒｉｐｔ修改DOM时，浏览器用动态更新页面。

自制的DOM

材料：正确格式的HTML5页面，Web浏览器



实践：



1。在顶部创建一个文档节点

2，获取HTML页面的顶级元素，这里是元素，该元素作为文档的子节点添加到DOM中。

三.对于当前元素中嵌套的每个元素，元素被添加到当前元素的DOM中。

4。对于新添加的元素，执行第三步并重复工作，直到所有元素完成为止。

html页面如下所示





DOM




我的Dom

你好

今天，我在做一个DOM！！！！






所获得的DOM如下所示