getElementById是JavaScript中的一個方法,用于通過元素的id獲取到對應的DOM對象。
使用方法如下:
var element = document.getElementById("elementId");
其中,"elementId"為要獲取的元素的id。
element.innerHTML = "Hello, World!";
這里將獲取到的DOM對象的innerHTML屬性設置為"Hello, World!"。
var parentElement = document.getElementById("parentId");
var childElement = parentElement.getElementById("childId");
這里先通過id獲取到父元素的DOM對象,再通過該DOM對象的getElementById方法獲取到子元素的DOM對象。
注意事項:
getElementById方法返回的是一個DOM對象,如果找不到對應id的元素,則返回null。
id在整個HTML文檔中應該是唯一的,否則只會返回第一個匹配到的元素。
getElementById方法只能通過id獲取元素,不能通過class、標簽名等其他屬性獲取元素。
用法示例:
HTML代碼:
<div id="myDiv">
<p id="text">Hello, World!</p>
</div>
JavaScript代碼:
var div = document.getElementById("myDiv");
var p = div.getElementById("text");
p.innerHTML = "Hello, JavaScript!";
這里通過getElementById分別獲取到id為"myDiv"的div元素和id為"text"的p元素,并將p元素的innerHTML屬性修改為"Hello, JavaScript!"。