Panduan ini menjelaskan properti 'nodeValue' Elemen DOM HTML di JavaScript.
Apa itu Properti 'nodeValue' Elemen DOM HTML dalam JavaScript?
Elemen DOM (Document Object Model) “ nodeValue ” adalah properti berguna yang menetapkan dan mengambil nilai dari sebuah node. Metode ini mengembalikan 'null' jika simpul yang ditentukan merujuk ke simpul elemen. Properti ini juga mengembalikan teks dari sebuah node jika dilampirkan dalam node teks. Nilai pengembaliannya tergantung pada jenis node.
Sintaks (Atur 'nodeValue')
simpul. nodeValue = nilai
Sintaks di atas membutuhkan “ nilai ” yang ingin ditetapkan pengguna untuk node yang diinginkan.
Sintaks (Kembalikan 'nodeValue')
simpul. nodeValue
Sintaks yang diberikan ini mengembalikan “ batal ” nilai untuk node elemen dan dokumen, “ teks ” untuk komentar dan node teks, dan “ atribut ” untuk node atribut.
Mari terapkan properti yang ditentukan di atas dengan bantuan contoh yang disebutkan.
Contoh: Menerapkan Properti 'nodeValue' Elemen DOM untuk Mengambil Teks Elemen
Contoh ini menerapkan properti “nodeValue” untuk mendapatkan teks dari tombol yang dibuat.
Kode HTML
Pertama, lihat kode yang disebutkan di bawah ini:
< tombol > Tombol Baru. < / tombol >< P pengenal = 'untuk' >< / P >
Pada baris kode di atas:
- “
” tag menambahkan tombol. - “ ” tag menyematkan paragraf kosong dengan id 'para'.
Kode JavaScript
Sekarang, ikuti kode JavaScript yang disebutkan di bawah ini:
< naskah >const elemen = dokumen. getElementsByTagName ( 'TOMBOL' ) [ 0 ] ;
biarkan hasil = elemen. childNodes [ 0 ] . nodeValue ;
dokumen. getElementById ( 'untuk' ) . innerHTML = ' Nilai simpul adalah: ' + hasil ;
naskah >
Pada baris kode di atas:
- Pertama, nyatakan variabel 'elem' yang menerapkan ' getElementsByTagName() ” metode untuk mengakses elemen dengan nama tagnya ditempatkan di indeks '0'.
- Selanjutnya variabel “hasil” menggunakan “ nodeValue ” properti yang ditautkan dengan “ childNodes ” untuk mendapatkan nilai simpul anak tertentu.
- Terakhir, “ getElementById() ” Metode mengakses paragraf kosong menggunakan id 'para' untuk menambahkannya dengan nilai variabel 'hasil' yaitu teks tombol.
Keluaran
Terlihat bahwa output menampilkan teks dari elemen “
Kesimpulan
Dalam JavaScript, “ nodeValue ” properti HTML DOM membantu mengatur dan mendapatkan properti nilai simpul. Nilai yang dikembalikan dari properti ini bergantung pada jenis node. Properti ini tidak menunjukkan nilai apa pun untuk elemen maupun dokumen. Panduan ini menjelaskan secara singkat properti HTML DOM Element “nodeValue” di JavaScript.