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>以上是JavaScript中getElementById怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
