在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
屬性設置元素的樣式。