HTML DOM getElementById() 方法 | HTML DOM Document 对象

返回到:DOM 对象:HTML DOM Document 对象

定义和用法

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

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

如果没有指定 ID 的元素返回 null

如果存在多个指定 ID 的元素则返回第一个。

如果需要查找到那些没有 ID 的元素,你可以考虑通过CSS选择器使用 querySelector()。

所有主要浏览器都支持 getElementById() 方法

语法

document.getElementById(elementID)

参数

参数类型描述
elementIDString必须。元素ID属性值。

返回值

类型描述
元素对象指定ID的元素

技术细节

DOM 版本Core Level 2 Document Object

实例

返回指定 ID 的元素:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程网(web176.com)</title>
</head>
<body>

<p id="demo">单击按钮来改变这一段中的文本。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementById("demo").innerHTML="Hello World";
};

</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4626.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年12月15日 下午2:21
下一篇 2021年12月15日 下午2:25

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注