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。
本章节内容共分 13 部分:
- JavaScript Document 对象
- JavaScript document 对象集合
- JavaScript document cookie 属性:设置或查询与当前文档相关的 cookie
- JavaScript document domain 属性:得到当前文档的域名
- JavaScript document lastModified 属性:得到文档最后被修改的日期和时间
- JavaScript document referrer 属性:得到上一页的 URL 地址
- JavaScript document title 属性:得到当前文档的标题
- JavaScript document URL 属性:得到当前文档的 URL
- JavaScript document getElementById() 方法:根据给定的 id 查找文档元素
- JavaScript document getElementByName() 方法:根据给定的 name 属性值查找文档元素
- JavaScript document getElementByTagName() 方法:根据给定的元素标签 name 查找文档元素
- JavaScript document open() 方法:打开一个新文档
- JavaScript document close() 方法:关闭一个由 open 方法打开文档

