通过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" οnclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>
</body>
</html>