HTML中巢狀的JavaScript語言 document.getElementById（“”）函式的使用
阿新 • • 發佈：2019-01-05
1.語法：var 變數 = document .getElementById (“某一個標籤的ID名稱”)
引數：某一個標籤的ID名稱――必選項，為字串 (String) 。
如：
返回值：oElemen――物件 (Element) 。
<ol id="ol"> <li>aa</li> <li>bb</li> <li>cc</li> </ol> <!//--.......--> var Num = document.getElementById("ol");//得到id名為ol的物件
說明：根據指定的 id 屬性值得到物件。返回 id 屬性值等於 sID 的第一個物件的引用。假如對應的為一組物件，則返回該組物件中的第一個。 如果無符合條件的物件，則返回 null 。
**注意：**通過這個方法返回的是一個物件（object），你可以將其存在一個臨時變數中，再通過這個臨時變數得到其相應的屬性或者值，如果要直接得到某些值，比如文字標籤中的值，需要加上.value();
一個簡單的測試程式碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ol標籤</title> <script type="text/javascript"> function Btn_Click(){ var Num = document.getElementById("zhi").value; var Div = document.getElementById("ol"); Div.setAttribute("start",Num); } </script> </head> <body> <p>期末成績排名</p> <ol id="ol"> <li>aa</li> <li>bb</li> <li>cc</li> </ol> 修改列表編號： <input type="text" name="" id="zhi" class="inputtext" style="width: 30px;"/> <input type="button" name="" value="確定" onclick="Btn_Click();"> </body> </html>
該段簡單的程式碼實現了通過修改文本當中的值（當然在該實驗中必須是整數哈），點選確定，觸發事件，實現Btn_Click函式中的document.getElementById(“zhi”).value而獲取到修改的數，同時獲取o標籤這個物件（var Div = document.getElementById(“ol”);），最後通過該物件的方法setAttribute(“start”,Num)將其start值（HTML5新增的屬性）,即有序標籤的編號，更改為Num。
直接執行結果
在文字中輸入數字，點選確定後得到結果。
剛剛開始寫部落格也剛剛接觸前端只是，最主要的還是希往督促自己學習，有什麼不對的地方還望多多指教！！