Penjelasan terperinci tentang sokongan JavaScript untuk templat DOM W3C

Penjelasan terperinci tentang sokongan JavaScript untuk templat DOM W3C_Pengetahuan asas

WBOY

Lepaskan： 2016-05-16 15:54:33

asal

1172 orang telah melayarinya

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>

Salin selepas log masuk

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.