JavaScript document getElementById() 方法：根据给定的 id 查找文档元素_JavaScript基础教程

document getElementById() 方法定义

getElementById() 方法根据给定的 id 查找文档元素，返回一个对象引用。如果有多个元素拥有同一 id ，则返回第一个。语法如下：

document.getElementById(id)

根据 W3C 规范，文档中的元素不允许有重复的 id，因此查找一个元素最有效的办法是就是 getElementById()。因此，给需要操作的元素尽量赋一个唯一的 id 属性。

getElementById() 方法实例

<html>
<head>
<script type="text/javascript">
function getInput()
{
    var y = document.getElementById("myInput").value;
    if( y != ""){
        alert(y);
    }else{
        alert("输入内容为空！");
    }
}
</script>
</head>
<body>

<input id="myInput" type="text" value="输入一些内容"></input>
<button onclick="getInput()">确定</button>

</body>
</html>

运行该例子，点击确定按钮，会弹出提示框，并显示文本输入框输入的文字内容。

提示：如果想得到文本标签元素（<p></p>等）的值，请使用 document.getElementById(id).innerHTML。

参考阅读

JavaScript document getElementByName() 方法：根据给定的 name 属性查找文档元素
JavaScript document getElementByTagName()：根据给定的元素标签 name 查找文档元素