当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 松软科技课堂:JS HTML DOM

松软科技课堂:JS HTML DOM

2019年12月22日  | 移动技术网IT编程  | 我要评论
通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素。 HTML DOM(文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被结构化为对象树: 对象的 HTML DOM 树 通过这个 ...

通过 html dom,javascript 能够访问和改变 html 文档的所有元素。

html dom(文档对象模型)

当网页被加载时,浏览器会创建页面的文档对象模型(document object model)。

html dom 模型被结构化为对象树:

对象的 html dom 树

dom html 树

通过这个对象模型,javascript 获得创建动态 html 的所有力量:

  • javascript 能改变页面中的所有 html 元素
  • javascript 能改变页面中的所有 html 属性
  • javascript 能改变页面中的所有 css 样式
  • javascript 能删除已有的 html 元素和属性
  • javascript 能添加新的 html 元素和属性
  • javascript 能对页面中所有已有的 html 事件作出反应
  • javascript 能在页面中创建新的 html 事件

什么是 dom?

dom 是一项 w3c (world wide web consortium) 标准。

dom 定义了访问文档的标准:

“w3c 文档对象模型(dom)是中立于平台和语言的接口,它允许程序和脚本动态地访问、更新文档的内容、结构和样式。”

w3c dom 标准被分为 3 个不同的部分:

  • core dom - 所有文档类型的标准模型
  • xml dom - xml 文档的标准模型
  • html dom - html 文档的标准模型

什么是 html dom?

html dom 是 html 的标准对象模型和编程接口。它定义了:

  • 作为对象的 html 元素
  • 所有 html 元素的属性
  • 访问所有 html 元素的方法
  • 所有 html 元素的事件

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网