html中getElementById() 方法

最新推荐文章于 2023-03-08 08:32:28 发布

原创最新推荐文章于 2023-03-08 08:32:28 发布 · 2.8k 阅读

15 ·

CC 4.0 BY-SA版权

Html 同时被 3 个专栏收录

262 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

本文介绍了HTML中getElementById方法的定义、用法及语法。详细解释了如何通过此方法获取指定ID的元素，并演示了如何获取元素的value及innerHTML属性。

html中getElementById方法

定义和用法

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

语法

document.getElementById(id)

说明

HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。

在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。

获取元素的value

<input type="text" id="qipa250" value="奇葩天地网"/>
document.getElementById("qipa250").value

获取元素的innerHTML

<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>

<h1 id="myHeader" onclick="getValue()">这是标题</h1>
<p>点击标题，会提示出它的值。</p>

</body>
</html>