Кто-нибудь может объяснить, что делает строка document.getElementById("demo")
в примере ниже?
Я понимаю, что getElementById получает id demo, но id - это <p id="demo"></p>
Что именно <p id="demo"></p>
делает в этом коде?
document.getElementById("age")
понятно, так как он получает id возраста, который является входным.
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>
Вы'правы в том, что вызов document.getElementById("demo")
получает элемент по указанному ID. Но вы должны посмотреть на остальную часть утверждения, чтобы понять, что именно код делает с этим элементом:
.innerHTML=voteable;
Здесь видно, что он устанавливает innerHTML
этого элемента в значение voteable
.
Рассмотрим
var x = document.getElementById("age");
Здесь x
- элемент с id="возраст"
.
Теперь посмотрите на следующую строку
var age = document.getElementById("age").value;
это означает, что вы получаете значение элемента, который имеет id="возраст"
.
getElementById
возвращает ссылку на элемент по его id
. Элементом является вход
в первом случае и параграф во втором случае.
https://developer.mozilla.org/en-US/docs/Web/API/document.getElementById