JavaScript中的HTML DOM元素可以通过JavaScript来操作,使用它可以更改HTML元素的内容、属性、样式以及事件处理。下面介绍常见的几种操作方法:
1. 更改元素的内容
使用innerHTML属性可以更改元素的内容,如:
document.getElementById("myHeader").innerHTML = "新的标题";
2. 更改元素的属性
使用setAttribute()方法可以更改元素的属性,如:
document.getElementById("myImage").setAttribute("src","images/new.jpg");
3. 更改元素的样式
使用style属性可以更改元素的样式,如:
document.getElementById("myDiv").style.backgroundColor = "red";
4. 添加事件处理函数
使用addEventListener()方法可以添加事件处理函数,如:
document.getElementById("myBtn").addEventListener("click",function(){ //处理函数 });
5. 删除元素
使用removeChild()方法可以删除元素,如:
var myDiv = document.getElementById("myDiv"); myDiv.parentNode.removeChild(myDiv);