京东云服务器推荐配置、多种配置选择,满足不同业务需求!

热门推荐

⭐ 稳定入门选择

配置:2核2G/5M

适用场景:个人站点 / 轻量应用

特点:性价比高,稳定可靠

¥19/月
立即购买
流量友好

☁️ 轻量云主机

配置:2核4G 5M

适用场景:小型业务 / 博客 / 测试环境

特点:流量友好,性能均衡

¥149/年
立即购买
高性能

💻 云服务主机

配置:4核16G 8M

适用场景:中小型服务 / 多并发场景

特点:充足内存与带宽,性能强劲

¥750/年
立即购买
新人专享

🎁 新人福利

新人访问 → 点击 → 最新活动

可获取 3000元 礼券

立即领取
JavaScript / JavaScript 教程 / JS HTML DOM
JS HTML DOM(文档对象模型)
JS HTML DOM方法JavaScript 闭包

JS HTML DOM(文档对象模型)

文档对象模型,通常被称为DOM,是使网站交互的一个重要部分。

文档对象模型表示被显示在一个窗口中的HTML文档。

它是一个接口,允许JavaScript处理网站的内容,结构和样式。

HTML DOM(文档对象模型)

加载网页后,浏览器将创建该页面的文档对象模型

HTML DOM模型构造的树对象

下面的示例解释什么是DOM:

  <html>
  <head>
  <title>Example</title>
  </head>  
  <h1>Example Page</h1>
  <p>This is an example page</p>
  </html>

以上代码的DOM表示如下:

HTML DOM

HTML DOM是HTML的标准对象模型和编程接口。它定义:

  • HTML元素作为对象

  • 所有HTML元素的属性

  • 访问所有HTML元素的方法

  • 所有HTML元素的事件

换句话说:HTML DOM是如何获取,更改,添加或删除HTML元素的标准

DOM和JavaScript

通过对象模型,JavaScript获得了创建动态HTML所需的全部功能:

  • JavaScript可以更改页面中的所有HTML元素

  • JavaScript可以更改页面中的所有HTML属性

  • JavaScript可以更改页面中的所有CSS样式

  • JavaScript可以删除现有的HTML元素和属性

  • JavaScript可以添加新的HTML元素和属性

  • JavaScript可以对页面中所有现有的HTML事件做出反应

  • JavaScript可以在页面中创建新的HTML事件

您将学到什么

在本教程的下一章中,您将学习:

  • 如何找到HTML元素

  • 如何更改HTML元素的内容

  • 如何添加和删除HTML元素

  • 如何更改HTML元素的样式(CSS)

  • 如何添加和删除HTML属性

  • 如何浏览DOM树

JS HTML DOM方法JavaScript 闭包
上一篇:无
下一篇:JS HTML DOM方法