HTML DOM と新機能の概要

はじめに

コア DOM では、提供されるプロパティとメソッドはすでに Web ページを操作できます。なぜ HTMLDOM が必要なのでしょうか?
Web ページのノードレベルがコア DOM の非常に深い場合、このノードにアクセスするのは非常に面倒になります。
次に、HTMLDOM は、HTML ルートノードから開始する代わりに、ID によって直接ノードを検索するメソッドを提供します。

HTMLDOMの新機能

各HTMLタグは要素オブジェクトに対応します。例: は画像オブジェクトに対応します
各 HTML タグの属性は、対応する要素オブジェクトの属性に 1 対 1 で対応します。

りー

新しいファイル

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML>
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>php.cn</title>
 <script type="text/javascript">
 window.onload = function(){
 //获取网页中id=img01的图片对象
 var imgObj = document.getElementById("img1");
 //修改图片的属性的值，图片标记的属性，元素对象也能用。
 imgObj.src = "/upload/course/000/000/009/580af7f52278b486.jpg";
 imgObj.width = 400;
 imgObj.border = 2;
 imgObj.style = "cursor:pointer";
 imgObj.title = "唯美图片";
 //核心DOM中的属性方法，元素对象都能用
 imgObj.parentNode.bgColor = "#f0f0f0";
 }
 </script>
 </head>
 <body >
 <img id="img1" src="/upload/course/000/000/009/580ae23c4a88a881.jpg" />
 </body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX