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