点击按钮,修改P标签总的内容,变成Hello JavaScript
<!DOCTYPE html> <html> <body> <h2>JavaScript 能做什么</h2> <p id="demo">点击按钮,修改P标签总的内容,变成Hello JavaScript</p> <button type="button" onclick='document.getElementById("demo").innerHTML="Hello JavaScript"'>点击我!</button> </body> </html>
总结:在button按钮中设置一个onclick单击事件,具体什么事件可编写javascript代码实现
1.通过标签的id获取对应的标签
document.getElementById("idName")
2.如果是改变其标签中的文本内容
.innerHTML="这里填写新的内容";
3.如果是改变src链接地址
.src="新的链接地址";
4.如果是修改样式----隐藏HTML元素
.style.display="none";
5.将隐藏的已经设置过none的HTML显示
.style.display="block";