HTML标签 innerHTML的使用

 时间:2026-02-14 15:59:08

1、1.如果我们写好了一个用于注册表单,一般会使用弹出框来告诉用户是否注册成功,但这种方式难免会让用户反感,各种弹出框,各种控制,最好的办法还是通过innerHTML来给他显示一段文字,给用户一种舒适的感觉。

HTML标签 innerHTML的使用

HTML标签 innerHTML的使用

2、学习后成品如下图:

HTML标签 innerHTML的使用

3、显示效果如下图:

HTML标签 innerHTML的使用

HTML标签 innerHTML的使用

4、写一个简单的HTML页面就可以解决,代码如下:

<html></head><script>function inter(){     var inter = document.getElementById("inner");    if(inter.innerHTML==""){        inter.innerHTML="显示的文字";    }else        inter.innerHTML=""}</script></head><body><input type="button" value="点击添加文字" onclick="inter()"><div id='inner'></div></body></html>

5、点击就可以添加你想要的文字。再次点击就会消失,文字排序可能比较乱,下面是截图,没有把js分出HTML,主要是本人怕麻烦,嘿嘿,用于学习

HTML标签 innerHTML的使用

6、知识在于分享,予人玫瑰手留余香。

  • css中before选择器有什么作用?
  • HBuilderX如何在命令窗口中打开目录#校园分享#
  • 怎么让div里文字靠右?
  • HTML中怎样设置定时器
  • hbuilderx怎么设置向下插入空行
  • 热门搜索
    江苏连云港旅游景点 长隆旅游度假区 西塘旅游网 济南周边旅游 垦丁旅游 上海旅游酒店 湖北省旅游局电话 昌平旅游景点 旅游局英文 内江旅游景点大全