Web前端复习——JavaScript复习（DOM）

1、DOM概述

DHTML：动态网页技术的统称

DHML=HTML+CSS+JS

HTML XHTML DHTML XML

HTML：超文本标记语言，专门编写网页内容的语言

XHTML：严格的HTML语言标准

DHTML：动态网页技术的统称，=HTML+CSS+JS

XML：可扩展的标记语言，可自定义标签

专门用来存储/传输描述的结构化数据

逐渐被json替换了

2、DOM VS BOM

BOM：浏览器对象模型（API），专门操作浏览器窗口的API。

DOM：文档对象模型（API）,专门操作网页内容的API

可以对网页中任意对象，做任何修改！

DOM是标准，它允许程序和脚本动态的访问和更新文档的内容、结构和样式。

W3C DOM标准被分为3个不同的部分：

核心DOM——针对任何结构化文档的标准模型

XML DOM——针对XML文档的标准模型

HTML DOM——针对HTML文档的标准模型

HTML DOM：针对HTML文档的对象模型

核心DOM：针对HTML文档的简化API

HTML DOM不能完成所有功能，实际开发中都是核心DOM与HTML、DOM配合使用

HTML DOM：在网页中一切都是对象（元素，属性，文字）

同一网页中的所有对象，在内存中父子相连，形成一棵

DOM树：

<a href="http://tmooc.cn">我的链接</a>

节点数：网页中每一个元素，属性，文本，注释都是节点对象

树根：document对象

节点数中：节点间关系（6个属性）

父子关系（4种）：parentNode、childNodes、firstChil