JavaScript DOM 编程
web前端开发
共 5018字，需浏览 11分钟
·
2020-12-08 01:28
DOM
- D：文档 - html 文档或 xml 文档
- O：对象 - document 对象的属性和方法
- M：模型
- DOM 是针对 xml 的基于树的API
- DOM 树：节点的层次
- DOM 把一个文档表示为一颗家谱树（父，子，兄弟）
- DOM 定义了 Node 接口以及许多种节点类型来表示 XML 节点的多个方面
1、节点及其类型
节点：来源于网络理论，代表网络中一个连接点，网络是由节点构成的集合
①，元素节点
②，属性节点：元素的属性，可以直接通过属性的方式来操作
③，文本节点：是元素节点的子节点，其内容为文本
2、在 html 文档的什么位置编写 js 代码
① 直接在 HTML 页面中书写 js代码
缺点：
a，js 和 HTML 强耦合，不利于代码的维护
b，若 click 相应函数是比较复杂的，则需先定义一个函数，然后在 onclick 属性中完成对函数的引用，比较麻烦
② 一般的，不能在 body 节点之前来直接获取 body 内的节点，因为此时 html 文档树还没有加载完成，获取不到指定的节点
Untitled Document