了解HTML DOM中的getElementById()方法及其应用

getElementById()方法

getElementById()方法是HTML DOM中的一个重要方法，它可以用来获取某个特定元素的引用。它只接受一个参数，即要获取元素的id，并返回id为该参数值的元素。如果没有找到该id，则返回null。

// 例如：
document.getElementById("myDiv");

getElementById()方法可以用来改变元素的内容，改变元素的样式，添加事件监听器，等等。

改变元素内容

可以使用getElementById()方法来改变元素的内容，只需要获取元素的引用，将内容赋值给该元素的innerHTML属性即可。

// 例如：
document.getElementById("myDiv").innerHTML = "Hello World!";

改变元素样式

可以使用getElementById()方法来改变元素的样式，只需要获取元素的引用，将样式赋值给该元素的style属性即可。

// 例如：
document.getElementById("myDiv").style.color = "red";

添加事件监听器

可以使用getElementById()方法来添加事件监听器，只需要获取元素的引用，将事件监听器函数赋值给该元素的onclick属性即可。

// 例如：
document.getElementById("myDiv").onclick = function(){
    alert("Hello World!");
}

getElementById()方法是HTML DOM中的一个重要方法，它可以用来获取某个特定元素的引用，并可以用来改变元素的内容、样式和添加事件监听器。