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