温馨提示×

HTML DOM getElementById()方法有什么用

小亿
209
2023-10-13 05:33:22
栏目: 编程语言

HTML DOM(文档对象模型)的getElementById()方法用于通过元素的id属性获取对应的HTML元素。

该方法接受一个参数,即元素的id属性值,返回一个指向该元素的引用。

使用getElementById()方法可以方便地访问和操作特定id的HTML元素。例如,可以通过该方法来获取文本框的值、改变元素的样式或内容、绑定事件监听器等操作。

示例代码:

<!DOCTYPE html>
<html>
<head>
<script>
function changeText() {
var element = document.getElementById("myText");
element.value = "Hello, world!";
}
</script>
</head>
<body>
<input type="text" id="myText">
<button onclick="changeText()">Change Text</button>
</body>
</html>

上述代码通过getElementById()方法获取了id为"myText"的文本框元素,并在按钮点击时改变了文本框的值为"Hello, world!"。

0