鱼C论坛

 找回密码
 立即注册
查看: 3304|回复: 7

[已解决]请问将P元素改为button元素,有什么区别吗

[复制链接]
发表于 2020-4-12 21:29:24 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
除了语义化,功能有什么改变呢?(按钮不在表单中)
  1. <p class="btn btn-primary btn-reveal">粗来!</p>
复制代码
最佳答案
2020-4-13 08:34:22
p 元素还只是 p 元素,只不过通过 JS 实现了按钮的“单击触发”效果。
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 2020-4-12 22:12:12 | 显示全部楼层
就会变成按钮啊
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-12 22:13:25 | 显示全部楼层
本帖最后由 weiter 于 2020-4-12 22:15 编辑

他的样子也会变,而且在学了JavaScript之后还可以用按钮实现许多功能,比如触发某个事件(我还没学JavaScript,最多了解到这里。。),比p内涵丰富多了。。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-13 01:45:34 | 显示全部楼层
weiter 发表于 2020-4-12 22:13
他的样子也会变,而且在学了JavaScript之后还可以用按钮实现许多功能,比如触发某个事件(我还没学JavaScri ...

刚才控制变量看了一下,其实p元素借助js和css也可以实现按钮触发,只是目前还不清楚是如何实现的。。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-13 07:41:05 | 显示全部楼层
晚回家 发表于 2020-4-13 01:45
刚才控制变量看了一下,其实p元素借助js和css也可以实现按钮触发,只是目前还不清楚是如何实现的。。

其实有这个按钮就不是花架子,没有太大必要这么搞,如果是初学那还是语义化,如果是高深,恕我无能为力
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-13 08:34:22 | 显示全部楼层    本楼为最佳答案   
p 元素还只是 p 元素,只不过通过 JS 实现了按钮的“单击触发”效果。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-13 11:38:48 | 显示全部楼层
发个demo

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
  6.        
  7.   </head>
  8.   <body>
  9.      <p id="wp"> 虽然不是按钮,也可以点击我哦</p>
  10.      <p onclick="javascript:wpt(this)"> 虽然不是按钮,也可以点击我哦之二</p>
  11.      <script>
  12.         //通过id 获取点击事件
  13.          $("#wp").click(()=>{
  14.             alert($("#wp").text());
  15.          });
  16.          //通过绑定onclick事件 实现点击
  17.          function wpt(obj){
  18.             alert($(obj).text());
  19.          }
  20.    </script>  
  21.   </body>
  22. </html>


复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-13 13:40:37 | 显示全部楼层
晚回家 发表于 2020-4-13 01:45
刚才控制变量看了一下,其实p元素借助js和css也可以实现按钮触发,只是目前还不清楚是如何实现的。。

加个 onclick=""

""中写 JS 函数的名称
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-18 05:13

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表