JavaScrip文档对象模型总结

JavaScrip文档对象模型总结

作者:李文涛
撰写时间:2020年4月27日
Javascript简称JS,是一种轻量级且具有函数优先的编译型编程语言。Javascript常用于Web页面开发的脚本语言,支持面对对象编程,命令式和函数式编程的风格。
文档对象模型也称DOM,是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的语言平台, 提供了标准的HTML和XML对象集, 并有一个标准的接口来访问并操作他们。
JavaScript中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作web页面。

1.文档:文档表示的就是整个的HTML网页文档
2.对象:对象表示将网页中的每一个部分都转换为了一个对象
3.模型:使用模型来表示对象之间的关系,这样方便我们获取对象
4.节点:Node,构成HTML文档最基本的单元。

文档对象模型定义了 JavaScript 可以进行操作的浏览器,描述了文档对象的逻辑结构及各功能部件的标准接口:

1.核心 JavaScript 语言参考
2.与数据类型相关的核心对象
3.浏览器对象
4.文档对象

JavaScript 中两种主要的对象模型

1.浏览器对象模型:
提供了访问浏览器各个功能部件,如浏览器窗口本身、浏览历史等的操作方法。
2.文档对象模型:
提供了访问浏览器窗口内容,如文档、图片等各种 HTML 元素以及这些元素包含的文本的操作方法。
在早期的浏览器版本中,浏览器对象模型和文档对象模型之间没有很大的区别。

节点属性:

nodeName:节点名称
1.元素节点的nodeName与标签名相同。
2.属性节点的nodeName是属性的名称。
3.文本节点的nodeName永远是text。
4.文档节点的nodeName永远是document。

nodeValue:节点的值
1.元素节点的nodeValue是undefined或null。
2.文本节点的nodeValue是文本自身。
3.属性节点的nodeValue是属性的值。

猜你喜欢

转载自blog.csdn.net/qq_37274756/article/details/105796721