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

发布时间:2022-06-26 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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 第一课,点击按钮改变便签中的内容所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: