DOM【1】

初探JS

介绍

• 对文档内容进行抽象和概念化的方法
• 每个载入浏览器的 HTML 文档都会成为 document 对象。document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
• 以前不同浏览器环境中的DOM脚本代码可能不同 -> W3C制定标准DOM
• 工作模式：先加载文档中的静态内容，再动态刷新，动态刷新不影响文档的静态内容。

节点

1. DOM把一份文档表示为一棵树，树上有各种节点，每个节点都是一个对象。
2. 分类

• 元素节点
• 属性节点
• 文本节点

3. 方法

方法	用途	用法示例	返回值	注意
getElementById()	通过id获取元素	document.getElementById(id名)；	对象	参数引号包围
getElementsByTagName()	通过标签名获取元素	document.getElementsByTagName(标签名);	对象数组	引号、通配符*作为参数时，可用length属性获取文档所含元素数
getElementsByClassName()	通过类名获取参数	document.getElementsByClassName(标签名)；	对象数组	引号、获取有多个类名的元素时，中间用空格分开类名，顺序随意、浏览器不支持时自己编写该函数
getAttribute	获取属性	object.getAttribute(属性名)	没有所查属性时返回null	只能通过元素节点调用，不属于document对象
setAttribute	设置属性	object.setAttribute（属性名，属性值）	无	只能用于元素节点

参考书籍

《JavaScript DOM 编程艺术 第二版》