getelementbyid(javascript getElementById 使用方法及用法)

getElementById是JavaScript中的一個方法,用于通過元素的id獲取到對應的DOM對象。

使用方法如下:

通過id獲取DOM對象:

var element = document.getElementById("elementId");

其中,"elementId"為要獲取的元素的id。

對獲取到的DOM對象進行操作:

element.innerHTML = "Hello, World!";

這里將獲取到的DOM對象的innerHTML屬性設置為"Hello, World!"。

可以通過getElementById連續獲取嵌套的DOM對象:

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代碼:

<p id="myDiv"><p id="text">Hello, World!</p></p>

JavaScript代碼:

var p = document.getElementById("myDiv");var p = p.getElementById("text");p.innerHTML = "Hello, JavaScript!";

這里通過getElementById分別獲取到id為"myDiv"的p元素和id為"text"的p元素,并將p元素的innerHTML屬性修改為"Hello, JavaScript!"。