Latest web development tutorials

Properti HTML DOM

Properti adalah nilai dari node (elemen HTML), Anda bisa mendapatkan atau mengatur.

Programming interface

Dengan JavaScript (dan bahasa pemrograman lainnya) ke HTML akses DOM.

Semua elemen HTML didefinisikan sebagai objek, dan antarmuka pemrograman adalah metode objek dan properti obyek.

Metode ini operasi (seperti menambahkan atau memodifikasi elemen) yang dapat Anda lakukan.

Properti adalah bahwa Anda bisa mendapatkan atau menetapkan nilai (misalnya, nama node atau konten).

properti innerHTML

Cara termudah untuk mendapatkan isi dari elemen ini adalah untuk menggunakan properti innerHTML.

properti innerHTML untuk mendapatkan atau mengganti isi dari elemen HTML berguna.

contoh

Kode berikut mendapat id = "intro" yang <p> elemen innerHTML:

contoh

<html>
<body>

<p id="intro">Hello World!</p>

<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
</script>

</body>
</html>

Coba »

Dalam contoh di atas, getElementById adalah sebuah metode, sementara innerHTML adalah properti.

lampu

properti innerHTML dapat digunakan untuk mendapatkan atau mengubah elemen HTML, termasuk <html> dan <body>.


Atribut nodename menentukan nama node.

  • nodeName adalah read-only
  • nodename dengan nama tag yang sama dari node elemen
  • nodeName atribut node dengan nama atribut yang sama
  • nodeName teks simpul selalu #text
  • nodeName dokumen simpul selalu #document

Catatan: nodeName selalu mengandung huruf besar elemen HTML tag nama.

properti nodeValue

NodeValue nilai properti node yang ditentukan.

  • nodeValue node elemen tidak terdefinisi atau null
  • nodeValue teks node teks itu sendiri
  • nodeValue atribut node nilai atribut

Mendapat nilai dari elemen

Contoh berikut akan mengambil <p id = "intro"> tag text nilai simpul:

contoh

<html>
<body>

<p id="intro">Hello World!</p>

<script type="text/javascript">
x=document.getElementById("intro");
document.write(x.firstChild.nodeValue);
</script>

</body>
</html>

Coba »

properti NodeType

properti NodeType mengembalikan jenis node. NodeType adalah read-only.

jenis node yang lebih penting:

elemen Jenis NodeType
elemen 1
milik 2
teks 3
catatan 8
berkas 9