導讀跟大家講解下有關JavaScript中getElementById怎么使用，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說JavaScript中getEleme
跟大家講解下有關JavaScript中getElementById怎么使用，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說JavaScript中getElementById怎么使用，小編也收集到了有關JavaScript中getElementById怎么使用的相關資料，希望大家看到了會喜歡。
getElementById是將具有指定的id值的要素作為Element對象返回的方法，可以使用getElementById從HTML標簽獲取指定的ID來處理某些內容，下面我們就來具體看看getElementById的使用方法。
getElementById的用法
使用getElementById獲取元素的方式如下
document.getElementById(id)在id中設置你希望在HTML中獲取的id元素。由于在HTML中不能多次使用相同的id，因此它必須是唯一的id值。
如果HTML中有多個id，則僅返回第一個匹配的id元素。如果指定的id不存在，則返回null。
我們來看具體的示例
顯示字符
代碼如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> </head> <body> <p id="text"></p> <script> document.getElementById("text").innerHTML = "你好，php中文網！"; </script> </body></html>運行結果如下
顯示連接文字
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> </head> <body> <p id="text2"></p> <script> document.getElementById("text2").innerHTML = "a" + "b"; </script> </body></html>運行結果如下
顯示計算結果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> </head> <body> <p id="text3"></p> <script> document.getElementById("text3").innerHTML = 3 + 5; </script> </body></html>運行結果如下
最后，由于在DOM（文檔對象模型）中使用getElementById的情況很多，所以我們需要盡可能的掌握它。
以上就是JavaScript中getElementById怎么使用的詳細內容，更多請關注php中文網其它相關文章！
來源：php中文網
免責聲明：本文由用戶上傳，如有侵權請聯系刪除！