在JavaScript中,document.getElementById()
方法允许您通过DOM(Document Object Model)获取HTML元素。该方法将返回具有指定ID的元素。
以下是 document.getElementById()
的语法:
document.getElementById(id)
id
是要查找的元素的ID名称。以下是使用 document.getElementById()
进行搜索的基本步骤:
document.getElementById()
方法返回的元素ID名称。示例1: 变更元素文本
<!DOCTYPE html>
<html>
<head>
<title>example1</title>
<script>
function changeText() {
var element = document.getElementById("example");
element.textContent = "您点击了按钮!";
}
</script>
</head>
<body>
<h2 id="example">之前文本</h2>
<button type="button" onclick="changeText()">更改文本</button>
</body>
</html>
示例2:更改元素颜色
<!DOCTYPE html>
<html>
<head>
<title>example2</title>
<script>
function changeColor() {
var element = document.getElementById("example");
element.style.color = "red";
}
</script>
</head>
<body>
<h2 id="example">示例文本</h2>
<button type="button" onclick="changeColor()">更改颜色</button>
</body>
</html>
以上是JS.findElementById()的使用介绍攻略,希望对您有所帮助!
本文链接:http://task.lmcjl.com/news/11982.html