Javascript - HTML DOM

首页 / JavaScript / HTML DOM

每个网页都驻留在浏览器窗口中,该窗口可以视为对象。

Document对象具有引用其他对象的各种属性,这些属性允许访问和修改Document内容。

Document内容的访问和修改方式称为Document对象模型或 DOM 。对象按层次结构组织。

  • Window object             - 层次结构的顶部。它是对象层次结构的最外层元素。

  • Document object         - 每个加载到窗口中的HTML文档都成为一个文档对象,该文档包含页面的内容。

  • Form object                  - <form> ... </form>标签中包含的所有内容都设置了form对象。

  • Form control elements - 表单对象包含为该对象定义的所有元素,如文本字段,按钮,单选按钮和复选框。

这是一些重要对象的简单层次结构-

HTML DOM

DOM兼容性

如果要编写一个可以根据其使用情况灵活地使用W3C DOM或IE 4 DOM的脚本,则可以使用函数测试方法,该方法首先检查方法或属性的存在以确定浏览器是否具有您想要的能力。如-

if (document.getElementById) {
   //If the W3C method exists, use it
} else if (document.all) {
   //If the all[] array exists, use it
} else {
   //Otherwise use the legacy DOM
}

这一章《Javascript - HTML DOM》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持

相关文章

Android开发高手课 -〔张绍文 - 62讲〕

Swift核心技术与实战 -〔张杰 - 120讲〕

TensorFlow 2项目进阶实战 -〔彭靖田 - 56讲〕

全链路压测实战30讲 -〔高楼 - 38讲〕

gatsby :getImage 返回未定义

不适用于 React 的 JSX 条件

如何使用 Jquery 访问 JSON 的“对象”部分?

使用按钮单击保存项目变量

在javascript中转义双引号

未在 process.env 中定义的 Firebase 机密

视频推荐〔JavaScript - 17-冒泡排序〕

更多视频 »
好记忆不如烂笔头。留下你的足迹吧 :)