Html学习笔记8
2015-09-08 21:00
381 查看
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="my_div">什么是 DOM
DOM 是 文档对象模型（Document Object Model）的简称，它的基本思想是把结构化文档（比如 HTML 和 XML）解析成一系列的节点，
再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口，以达到使用编程语言操作文档的目的，
所以，DOM 可以理解成文档（HTML 文档、XML 文档）的编程接口。
严格地说，DOM 不属于 JavaScript，但是操作 DOM 是 JavaScript 最常见的任务，而 JavaScript 也是最常用于 DOM 操作的语言，
本章介绍的就是 JavaScript 对 DOM 标准的实现和用法。
DOM 的最小组成单位叫做 节点（node），一个文档的树形结构（DOM 树），就是由各种不同类型的节点组成。
对于 HTML 文档，节点主要有以下六种类型：
节点 名称 含义
Document 文档节点 整个文档（window.document）
DocumentType 文档类型节点 文档的类型
Element 元素节点 HTML 元素（比如<head>、<body>等）
Attribute 属性节点 HTML 元素的属性（比如 class="right"）
Text 文本节点 HTML 文档中出现的文本
DocumentFragment 文档碎片节点 文档的片段
</div>
<script>
document.getElementById("my_div").style.height="200px";//设置div的高度
document.getElementById("my_div").style.background="red";//设置div的颜色
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 