的getElementById() 是一个 DOM方法用来返回具有与指定的值的ID属性的元素。这是 HTML DOM中最常见的方法之一，几乎在每次我们要操作文档中的元素时都使用它。如果不存在具有指定ID的元素，则此方法返回null 。该ID在页面中应该是唯一的。但是，如果存在多个具有指定ID的元素，则它将返回javascript代码中的最后一个元素。
在以下示例中，存在一个带有内部文本“ GetElementById”和一个名为“ element”的id的段落标签。使用DOM方法“ document.getElementById()”，访问段落标记内的文本，并在输出中显示该值。没有“ .innerHtml”，document.getElementById无法读取任何标签的内部文本部分。
<html>
<body>
<p id="element">GetElementById</p>
<script>
var s = document.getElementById("element").innerHTML;
document.write(s);
</script>
</body>
</html>GetElementById GetElementById
在下面的示例中，使用DOM方法“ getElementById”，我们将原始文本部分“ GetElementById”替换为文本“ Tutorix”，结果显示在输出中。
<html>
<body>
<p id="element">GetElementById</p>
<script>
document.getElementById("element").innerHTML = "Tutorix";
</script>
</body>
</html>Tutorix