JavaScript中的DOM是什么？
JavaScript可以利用文档对象模型(DOM)访问网页中的所有元素。DOM模型创建为对象树，如下所示：
如何使用DOM和事件
使用DOM，JavaScript可以执行多个任务。它可以创建新的元素和属性，更改现有的元素和属性，JavaScript还可以对现有的事件做出反应，并在页面中创建新的事件。
getElementById，innerHTML示例
- getElementById：用于访问已设置id的元素和属性。
- innerHTML：访问元素的内容。
可以自己尝试此示例：
<html>
<head>
<title>
DOM!!!
</title>
</head>
<body>
<h1 id="one">
Welcome
</h1>
<p>
This is the welcome message.
</p>
<h2>
Technology
</h2>
<p>
This is the technology section.
</p>
<script type="text/javascript">
var text = document.getElementById("one").innerHTML;
alert("The first heading is " + text);
</script>
</body>
</html>getElementsByTagName示例
getElementsByTagName：使用标记名访问元素和属性。此方法将返回具有相同标记名的所有项目的数组。
可以自己尝试此示例：
<html>
<head>
<title>
DOM!!!
</title>
</head>
<body>
<h1>
Welcome
</h1>
<p>
This is the welcome message.
</p>
<h2>
Technology
</h2>
<p id="second">
This is the technology section.
</p>
<script type="text/javascript">
var paragraphs = document.getElementsByTagName("p");
alert("Content in the second paragraph is " + paragraphs[1].innerHTML);
document.getElementById("second").innerHTML = "The orginal message is changed.";
</script>
</body>
</html>事件处理程序示例
- createElement：用于创建新元素的命令
- removeChild：移除元素
- 可以将事件处理程序添加到特定元素，如下所示：
或
可以自己尝试此示例：
