本文介绍了如何使用JavaScript通过ID选择器来操作HTML页面中的DOM元素。提供了两个示例，一个是更改带有特定ID的元素的内容，另一个是获取指定ID元素的当前内容并显示出来。
通过ID获取元素
在网页中我们通过id先找到标签然后进行操作。
语法： document.getElementById(“id”)
例子1：
<!DOCTYPE html>
<html>
<body>
<h1 id="hid">Old Header</h1><!-- 这段必须在<script>前面加载 否则会报elementId is null错误-->
<script>
var elementId=document.getElementById("hid");
elementId.innerHTML="Hello World!!!";
</script>
<p>"Old Header" 已被修改为 "Hello World!!!"。</p>
</body>
</html>
例子2：
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>
</body>
</html>
扫一扫
6403
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
