在JavaScript中使用document.getElementById

Question

有人可以解釋document.getElementById("demo")行在以下示例中的作用嗎？

我明白getElementById獲取演示的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

考慮

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

這裏x是id="age"的元素。

現在看看下面一行

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

這意味着你得到它具有id="age"

Answer 2

getElementById使用其id返回參考元素的元素的值。元素是第一種情況下的input和第二種情況下的段落。

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

Answer 3

，該document.getElementById("demo")調用由指定的ID讓你的元素你是正確的。但是你要看看語句的其餘部分要弄清楚究竟是什麼代碼與該元素做：

.innerHTML=voteable; 

您可以在這裏看到，它是該元素的innerHTML設置的voteable值。

Answer 4

在您的代碼demo這裏是你想要顯示你的結果後點擊事件發生，什麼都沒有。

你可以採取任何

<p id="demo"> 

或

<div id="demo"> 

這是一個文件，你只是想顯示你的結果，在短短的節點。

Answer 5

document.getElementById("demo").innerHTML = voteable找到id爲demo的元素，然後將voteable值放入其中;要麼太年輕，要麼太老了。

所以有效<p id="demo"></p>變成例如<p id="demo">Old Enough</p>

Answer 6

行

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

說年齡「我叫變量‘’有ID的元素的值‘年齡’。在這種情況下，輸入字段。

線

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

說，在可變我叫「voteable」我存儲值以下規則：

「如果年齡是18歲以下，顯示出‘太年輕’其他人秀「老夠'」

最後一行告訴投入的價值‘voteable’中的元素與ID爲‘演示’（在這種情況下，‘p’元素）

Answer 7

這只是一個選擇，可以幫助你塞萊ct特定標籤<p id = 'demo'></p>元素可以幫助您在任何情況下（鼠標或鍵盤）改變行爲。