Использование document.getElementById в JavaScript

Кто-нибудь может объяснить, что делает строка 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>
Mohammad Usman
Редактировал вопрос 14-го сентября 2017 в 12:56
Программирование
javascript html getelementbyid
29-го октября 2013 в 11:09
33 просмотров

Вы'правы в том, что вызов document.getElementById("demo") получает элемент по указанному ID. Но вы должны посмотреть на остальную часть утверждения, чтобы понять, что именно код делает с этим элементом:

.innerHTML=voteable;

Здесь видно, что он устанавливает innerHTML этого элемента в значение voteable.

Комментарии (0)

Рассмотрим

 var x = document.getElementById("age");

Здесь x - элемент с id="возраст".

Теперь посмотрите на следующую строку

var age = document.getElementById("age").value;

это означает, что вы получаете значение элемента, который имеет id="возраст".

Mohammad Usman
Редактировал ответ 14-го сентября 2017 в 12:59
Комментарии (0)

getElementById возвращает ссылку на элемент по его id. Элементом является вход в первом случае и параграф во втором случае.

https://developer.mozilla.org/en-US/docs/Web/API/document.getElementById

Mohammad Usman
Редактировал ответ 14-го сентября 2017 в 12:58
Комментарии (0)