簡(jiǎn)述JavaScript對(duì)傳統(tǒng)文檔對(duì)象模型的支持

更新時(shí)間：2015年06月16日 10:40:47 投稿：goldensun

這篇文章主要介紹了簡(jiǎn)述JavaScript對(duì)傳統(tǒng)文檔對(duì)象模型的支持,是JS學(xué)習(xí)進(jìn)階中的重要知識(shí),需要的朋友可以參考下

這是將其在JavaScript語(yǔ)言早期版本中引入的模型。大家都被所有瀏覽器都支持，但只允許訪問(wèn)文件的某些關(guān)鍵部分，如表單，表單元素和圖像。

該模型提供了若干個(gè)只讀屬性，如標(biāo)題，URL和上次更改提供關(guān)于文檔整體的信息。除了有由該模型可用于設(shè)置和獲取文檔的屬性值提供各種方法。
文檔屬性在傳統(tǒng)DOM：

下面是文檔屬性，可以使用傳統(tǒng)DOM訪問(wèn)列表：

2015616103205974.jpg (662×762)

2015616103233946.jpg (655×726)

文檔方法在傳統(tǒng)DOM：

這里是由傳統(tǒng)DOM支持的方法列表：

2015616103255189.jpg (681×498)

例子：

我們可以找到任何HTML元素，使用HTML DOM任何HTML文檔。例如，如果一個(gè)網(wǎng)頁(yè)文件包含一個(gè)表單元素，然后使用JavaScript，我們可以把它稱為document.forms[0]。如果Web文檔包括兩個(gè)形式元素的第一種形式被稱為document.forms[0]和第二為document.forms[1]。

利用上面給出的層次結(jié)構(gòu)和性質(zhì)，可以使用document.forms[0].elements[0]等。

下面是一個(gè)例子訪問(wèn)使用傳統(tǒng)DOM方法文檔屬性：

<html>
<head>
<title> Document Title </title>
<script type="text/javascript">
<!--
function myFunc()
{
  var ret = document.title;
  alert("Document Title : " + ret );

  var ret = document.URL;
  alert("Document URL : " + ret );

  var ret = document.forms[0];
  alert("Document First Form : " + ret );

  var ret = document.forms[0].elements[1];
  alert("Second element : " + ret );

}
//-->
</script>
</head>
<body>
<h1 id="title">This is main title</h1>
<p>Click the following to see the result:</p>

<form name="FirstForm">
<input type="button" value="Click Me" onclick="myFunc();" />
<input type="button" value="Cancel">
</form>

<form name="SecondForm">
<input type="button" value="Don't ClickMe"/>
</form>

</body>
</html>

注意: 這個(gè)例子的形式和內(nèi)容等返回對(duì)象，我們將不得不使用未在本教程中討論這些對(duì)象的屬性來(lái)訪問(wèn)它們的值。

您可能感興趣的文章: