Panduan ini menerangkan sifat 'nodeValue' Elemen HTML DOM dalam JavaScript.
Apakah Harta 'nodeValue' Elemen HTML DOM dalam JavaScript?
Elemen DOM (Document Object Model) “ nodeValue ” ialah sifat berguna yang menetapkan dan mendapatkan semula nilai nod. Kaedah ini mengembalikan 'null' jika nod yang ditentukan merujuk kepada nod elemen. Sifat ini juga mengembalikan teks nod jika ia disertakan dalam nod teks. Nilai pulangannya bergantung pada jenis nod.
Sintaks (Tetapkan “nodeValue”)
nod. nodeValue = nilai
Sintaks di atas memerlukan ' nilai ” yang pengguna ingin tetapkan untuk nod yang dikehendaki.
Sintaks (Kembalikan 'nodeValue')
nod. nodeValue
Sintaks yang diberikan ini mengembalikan ' null ' nilai untuk elemen dan nod dokumen, ' teks ' untuk komen dan nod teks, dan ' atribut ” untuk nod atribut.
Mari kita laksanakan harta yang ditakrifkan di atas dengan bantuan contoh yang dinyatakan.
Contoh: Menggunakan Sifat 'nodeValue' Elemen DOM untuk Mendapatkan Teks Elemen
Contoh ini menggunakan sifat 'nodeValue' untuk mendapatkan teks butang yang dibuat.
Kod HTML
Pertama, lihat kod yang dinyatakan di bawah:
< butang > Butang Baharu. < / butang >< hlm ID = 'untuk' >< / hlm >
Dalam baris kod di atas:
- '
tag ” menambah butang. - ' teg ” membenamkan perenggan kosong dengan id “para”.
Kod JavaScript
Sekarang, ikuti kod JavaScript yang dinyatakan di bawah:
< skrip >const unsur = dokumen. getElementsByTagName ( 'BUTTON' ) [ 0 ] ;
biarkan hasilnya = unsur. childNodes [ 0 ] . nodeValue ;
dokumen. getElementById ( 'untuk' ) . innerHTML = ' Nilai nod ialah: ' + hasil ;
skrip >
Dalam baris kod di atas:
- Mula-mula, isytiharkan pembolehubah 'elemen' yang menggunakan ' getElementsByTagName() ” kaedah untuk mengakses elemen dengan nama tegnya yang diletakkan pada indeks “0”.
- Seterusnya pembolehubah 'hasil' menggunakan ' nodeValue ” harta yang dikaitkan dengan “ childNodes ” harta untuk mendapatkan nilai nod anak tertentu.
- Akhir sekali, ' getElementById() ' kaedah mengakses perenggan kosong menggunakan id 'para' untuk menambahkannya dengan nilai pembolehubah 'hasil' iaitu, teks butang.
Pengeluaran
Nampak bahawa output menunjukkan teks elemen '
Kesimpulan
Dalam JavaScript, ' nodeValue ” harta HTML DOM membantu untuk menetapkan dan mendapatkan harta nilai nod. Nilai yang dikembalikan bagi sifat ini bergantung pada jenis nod. Sifat ini tidak menunjukkan sebarang nilai untuk elemen serta dokumen. Panduan ini menerangkan secara ringkas sifat 'nodeValue' Elemen HTML DOM dalam JavaScript.