首頁 > web前端 > js教程 > 詳解JavaScript對W3C DOM模版的支援情況_基礎知識

詳解JavaScript對W3C DOM模版的支援情況_基礎知識

WBOY
發布: 2016-05-16 15:54:33
原創
1228 人瀏覽過

 本文檔物件模型允許存取所有的文件內容和修改,由萬維網聯合會(W3C)規範。幾乎所有的現代瀏覽器都支援這種模式。

在W3C DOM規範的大部分傳統DOM的功能,而且還增加了新的重要的功能。除了支援forms[ ], images[ ]和文件物件的其它數組屬性,它定義了方法,使腳本來存取和操縱的任何文件元素,而不只是專用元件狀的表單和映像。
文檔屬性在W3C DOM:

此模型支援所有傳統DOM提供的屬性。此外,這裡是文件屬性,可以使用W3C DOM存取清單:

2015616110345962.jpg (684×368)

 文件方法在W3C DOM:

此模型支援所有傳統DOM提供的方法。此外,這裡是由W3C DOM支援的方法清單:

2015616110407101.jpg (655×753)

2015616110427713.jpg (674×348)

 範例:

這是(存取與設定)使用W3C DOM文件元素很容易操縱。可以使用任何類似 getElementById,getElementsByName,orgetElementsByTagName 方法。

以下是存取使用W3C DOM方法文件屬性的一個例子:

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

 var ret = document.getElementById("heading");
 alert(ret.innerHTML );
}
//-->
</script>
</head>
<body>
<h1 id="heading">This is main title</h1>
<p>Click the following to see the result:</p>

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

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

</body>
</html>

登入後複製

注意: 這個例子的形式和內容等返回對象,我們將不得不使用未在本教程中討論這些對象的屬性來訪問它們的值。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板