HTML标签 innerHTML的使用

 时间:2024-10-13 06:57:18

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怎么设置向下插入空行
  • 热门搜索
    武昌理工学院怎么样 潮州旅游攻略 北京旅游公司 微营销怎么做 湖南中医药大学怎么样 电脑小键盘怎么开 济南旅游 三国群侠传攻略 小儿厌食怎么办 淘宝网怎么开店步骤