在JavaScript中,可以使用document.getElementById()
方法来获取HTML文档中具有指定id
属性的元素。
使用方法如下:
id
属性。例如,如果要获取<div>
元素,可以为其添加id
属性,如<div id="myDiv">
。document.getElementById()
方法来获取该元素。方法的参数是要获取的元素的id
值,即"myDiv"
。方法会返回一个表示该元素的对象。innerHTML
属性来获取或设置元素的内容,或者使用style
属性来设置元素的样式。以下是一个简单的示例代码,演示了如何使用document.getElementById()
方法来获取并操作元素:
<!DOCTYPE html>
<html>
<body>
<div id="myDiv">Hello World!</div>
<script>
// 获取具有id为"myDiv"的元素
var element = document.getElementById("myDiv");
// 设置元素的内容为"Hello JS!"
element.innerHTML = "Hello JS!";
// 设置元素的样式
element.style.color = "red";
element.style.fontSize = "20px";
</script>
</body>
</html>
在上述代码中,document.getElementById("myDiv")
方法会返回一个表示具有id
为"myDiv"
的元素的对象。通过该对象,可以使用innerHTML
属性将元素的内容更改为"Hello JS!"
,以及使用style
属性设置元素的样式。