getElementById
`getElementById()`是多个JavaScript HTML方法之一。
JavaScript 能够改变 HTML 内容
使用该方法来“查找” id="demo" 的 HTML 元素,并把元素内容(`innerHTML`)更改为 "Hello JavaScript":
实例:
document.getElementById("demo").innerHTML = "Hello JavaScript";
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 能做什么</h2>
<p id="demo">JavaScript 能够改变 HTML 内容。</p>
<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>点击我!</button>
</body>
</html>
点击“点击我!”
“Javascript 能够改变 HTML 内容。”变为“Hello Javascript!”
提示:JavaScript 同时接受双引号和单引号:
实例:
document.getElementById("demo").innerHTML = 'Hello JavaScript';
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 能做什么?</h1>
<p id="demo">JavaScript 可以更改 HTML 内容。</p>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">单击这里</button>
</body>
</html>
点击“单击这里”
“Javascript 能够改变 HTML 内容。”变为“Hello Javascript!”