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
Lepaskan: 2016-05-16 15:54:33
asal
1188 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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan