JavaScript中document.getElementById的使用

有人能解释一下下面示例中的

document.getElementById（“demo”）

行的作用吗

我知道getElementById获取演示的id，但是id是

在这段代码中到底做了什么

---

document.getElementById（“age”）

是清晰的，因为它获取作为输入的age的id

函数myFunction（）{
变量年龄，可吐；
年龄=document.getElementById（“年龄”）.value；
voteable=（年龄<18岁）？“太年轻”：“足够大”；
document.getElementById（“demo”）.innerHTML=voteable；
}

单击按钮检查年龄

年龄：
能投票了吗

试试看

考虑

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

这里的

x

是带有

id=“age”

的元素

现在看下面一行

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

---

这意味着您正在获取元素的值，该元素具有

id=“age”

getElementById

使用其

id

返回对元素的引用。元素在第一种情况下是

输入

，在第二种情况下是段落

---

您的回答是正确的，

document.getElementById（“demo”）

调用通过指定的ID获取元素。但是您必须查看语句的其余部分，以了解代码对该元素的具体操作：

.innerHTML=voteable;

---

您可以在这里看到，它正在将该元素的

innerHTML

设置为

voteable

的值，在您的代码

demo

中，它是您希望在单击事件发生后显示结果的id，并且什么都没有

你可以拿任何东西

<p id="demo">

或

---

它只是文档中的一个节点，您只想在其中显示结果。

document.getElementById（“demo”）.innerHTML=voteable

查找具有id demo的元素，然后将

voteable

值放入其中；要么太年轻，要么太老

因此，有效地

变得足够老，例如

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

表示“我称为‘age’的变量具有id为‘age’的元素的值”。在本例中，输入字段

线路

voteable=(age<18)?"Too young":"Old enough";

voteable=（age它只是一个选择器，可以帮助您选择特定的标记
元素，这些元素在任何情况下（鼠标或键盘）都可以帮助您更改行为

voteable=(age<18)?"Too young":"Old enough";