Penggunaan document.getElementById dalam JavaScript
Dapatkah seseorang menjelaskan apa yang dilakukan oleh baris document.getElementById("demo") pada contoh di bawah ini?
Saya mengerti getElementById mendapatkan id demo tetapi id tersebut adalah &<p id="demo"></p> Apa sebenarnya yang dilakukan oleh <p id="demo"></p> dalam kode ini?
document.getElementById("age") sudah jelas karena mendapatkan id dari age yang merupakan input.
function myFunction() {
var age,voteable;
age = document.getElementById("age").value;
voteable = (age < 18)? "Too young" : "Old enough";
document.getElementById("demo").innerHTML = voteable;
}<p>Click the button to check the age.</p>
Age:<input id="age" value="18" />
<p>Old enough to vote?</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
Anda benar bahwa panggilan document.getElementById("demo") memberi Anda elemen dengan ID yang ditentukan. Tetapi Anda harus melihat sisa pernyataan untuk mengetahui apa yang sebenarnya dilakukan kode dengan elemen itu:
.innerHTML=voteable;Anda dapat melihat di sini bahwa kode ini menetapkan innerHTML dari elemen tersebut ke nilai voteable.
Pertimbangkan
var x = document.getElementById("age");Di sini x adalah elemen dengan id="age".
Sekarang lihat baris berikut
var age = document.getElementById("age").value;ini berarti Anda mendapatkan nilai dari elemen yang memiliki id="age"
getElementById mengembalikan referensi ke elemen menggunakan id. Elemen adalah input dalam kasus pertama dan paragraf dalam kasus kedua.
https://developer.mozilla.org/en-US/docs/Web/API/document.getElementById
