DOM(document object model)是文档对象模型的简称。与BOM不同,DOM只关注浏览器所载入的文档。DOM把HTML文档看成由元素、属性和文本组成的一棵倒立的树。同时DOM可以把HTML中的元素、属性和文本看成一个节点。
节点的特征:
(1)整个HTML文档是一个文档节点。
(2)每个HTML标签是一个元素节点。
(3)包含在HTML元素中的文本是文本节点。
(4)每个HTML属性是一个属性节点。
(5)注释为注释节点。
//此中title元素节点的父节点为元素节点head,子节点为文本节点“节点关系”。
<html>
<head>
<meta charset="utf-8">
<title>节点关系</title>
</head>
<body>
<p>hello world</p>
</body>
</html>
documentd对象的常用属性
1.bgColor
设置文档页面的背景色。
//语法结构:
//document.bgColor
<body>
<script type="text/javascript">
document.bgColor = "orange";
</script>
</body>
2.fgColor
设置文档字体的颜色。
//语法结构:
//document.fgColor
<body>
<script type="text/javascript">
document.fgColor = "blue";
</script>
</body>
3.title
设置页面标题。
//语法结构:
//document.title
<body>
<script type="text/javascript">
document.title = "hello world";
</script>
</body>