1.javascript 第一课,点击按钮改变便签中的内容

2022/1/5 9:34:38

编程Tag： javascript 点击标签按钮内容 style 便签第一课

本文主要是介绍1.javascript 第一课,点击按钮改变便签中的内容，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

点击按钮，修改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";

这篇关于1.javascript 第一课,点击按钮改变便签中的内容的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

1.javascript 第一课,点击按钮改变便签中的内容

相关编程文章