cari

Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang sokongan JavaScript untuk templat DOM W3C_Pengetahuan asas

Penjelasan terperinci tentang sokongan JavaScript untuk templat DOM W3C_Pengetahuan asas

WBOY
WBOYasal
2016-05-16 15:54:331180semak imbas

Model objek dokumen ini membenarkan akses kepada semua kandungan dan pengubahsuaian dokumen, seperti yang ditentukan oleh World Wide Web Consortium (W3C). Hampir semua pelayar moden menyokong mod ini.

Spesifikasi DOM W3C mengandungi kebanyakan ciri DOM tradisional, tetapi juga menambah ciri baharu dan penting. Sebagai tambahan kepada borang sokongan[ ], imej[ ] dan sifat tatasusunan lain bagi objek dokumen, ia mentakrifkan kaedah yang membolehkan skrip mengakses dan memanipulasi sebarang elemen dokumen, bukan sekadar elemen khusus seperti borang dan imej.
Dokumenkan sifat dalam W3C DOM:

Model ini menyokong semua sifat yang disediakan oleh DOM tradisional. Selain itu, berikut ialah senarai sifat dokumen yang boleh diakses menggunakan DOM W3C:

2015616110345962.jpg (684×368)

Kaedah dokumen dalam W3C DOM:

Model ini menyokong semua kaedah yang disediakan oleh DOM tradisional. Selain itu, berikut ialah senarai kaedah yang disokong oleh W3C DOM:

2015616110407101.jpg (655×753)

2015616110427713.jpg (674×348)

Contoh:

Mudah untuk memanipulasi (akses dan set) elemen menggunakan dokumen DOM W3C. Anda boleh menggunakan sebarang kaedah seperti getElementById, getElementsByName, orgetElementsByTagName.

Berikut ialah contoh mengakses sifat dokumen menggunakan kaedah DOM W3C: 

<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>

NOTA: Contoh ini mengembalikan objek seperti bentuk dan kandungan, dan kita perlu menggunakan sifat objek ini yang tidak dibincangkan dalam tutorial ini untuk mengakses nilainya.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Kaedah memuatkan jQuery_jquery secara dinamikArtikel seterusnya：Kaedah memuatkan jQuery_jquery secara dinamik

Artikel berkaitan

Lihat lagi