html dom getelementbyid,HTML DOM getElementById()用法及代码示例

getElementById()方法返回具有给定ID的元素，该元素将传递给函数。此功能广泛用于网页设计中，以更改任何特定元素的值或获取特定元素。如果传递给函数的ID没有退出，则返回null。

用法:

document.getElementById( element_ID )

参数：该函数接受单个参数element_ID，该参数用于保存element的ID。

返回值：它返回给定ID的对象。如果不存在具有给定ID的元素，则返回null。

范例1：

DOM getElementById() Method

// Function to change the color of element

function geeks() {

var demo = document.getElementById("geeks");

demo.style.color = "green";

}

GeeksforGeeks

DOM getElementById() Method

value = "Click here to change color" />

输出：

在单击按钮之前：

单击按钮后：

范例2：

DOM getElementById() Method

// Function to change content of element

function geeks() {

var demo = document.getElementById("geeks");

demo.innerHTML = "Welcome to GeeksforGeeks!" ;

}

GeeksforGeeks

DOM getElementById() Method

Hello Geeks!

value="Click here to change content" />

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM getElementById()方法支持的浏览器：

谷歌浏览器

IE浏览器

火狐浏览器

Opera

苹果浏览器