在JavaScript中使用document.getElementById

Question

有人可以解释document.getElementById("demo")下面的例子中的行吗？

我理解getElementById获取了demo的id,但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>

Answer 1

你是正确的,因为document.getElementById("demo")调用通过指定的ID获取元素.但是你必须查看语句的其余部分,以弄清楚代码对该元素的确切作用:

.innerHTML=voteable;

你可以在这里看到它innerHTML将该元素的值设置为voteable.

Answer 2

考虑

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

这x是带有 的元素id="age"。

现在看看下面这一行

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

这意味着您正在获取具有以下内容的元素的值id="age"