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

晚回家 · 发表于 2020-4-12 21:29:24

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

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

x

除了语义化，功能有什么改变呢？(按钮不在表单中)

<p class="btn btn-primary btn-reveal">粗来!</p>

最佳答案

月排行榜 / 总排行榜

不二如是

2020-4-13 08:34:22

p 元素还只是 p 元素，只不过通过 JS 实现了按钮的“单击触发”效果。

跳转到最佳答案楼层

weiter · 发表于 2020-4-12 22:12:12

就会变成按钮啊

weiter · 发表于 2020-4-12 22:13:25

本帖最后由 weiter 于 2020-4-12 22:15 编辑

他的样子也会变，而且在学了JavaScript之后还可以用按钮实现许多功能，比如触发某个事件（我还没学JavaScript，最多了解到这里。。），比p内涵丰富多了。。

晚回家 · 发表于 2020-4-13 01:45:34

weiter 发表于 2020-4-12 22:13
他的样子也会变，而且在学了JavaScript之后还可以用按钮实现许多功能，比如触发某个事件（我还没学JavaScri ...

刚才控制变量看了一下，其实p元素借助js和css也可以实现按钮触发，只是目前还不清楚是如何实现的。。

weiter · 发表于 2020-4-13 07:41:05

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

其实有这个按钮就不是花架子，没有太大必要这么搞，如果是初学那还是语义化，如果是高深，恕我无能为力

不二如是 · 发表于 2020-4-13 08:34:22

p 元素还只是 p 元素，只不过通过 JS 实现了按钮的“单击触发”效果。

wp231957 · 发表于 2020-4-13 11:38:48

发个demo

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
        
  </head>
  <body>
     <p id="wp"> 虽然不是按钮，也可以点击我哦</p>
     <p onclick="javascript:wpt(this)"> 虽然不是按钮，也可以点击我哦之二</p>
     <script>
        //通过id 获取点击事件
         $("#wp").click(()=>{
            alert($("#wp").text());
         });
         //通过绑定onclick事件 实现点击
         function wpt(obj){
            alert($(obj).text());
         }
   </script>  
  </body>
</html>

liuzhengyuan · 发表于 2020-4-13 13:40:37

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

加个 onclick=""

""中写 JS 函数的名称

账号		自动登录	找回密码
密码			立即注册