如何html中标签上添加点击事件

Posted 2023-03-09

方法一：直接在标签元素上添加

方法二：是通过js来添加

如图：

介绍：

HTML(Hyper Text Mark-up Language )即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。

这样，你只要使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。

HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声音、表格、链接等。 HTML的结构包括头部 (Head)、主体 (Body) 两大部分。头部描述浏览器所需的信息，主体包含所要说明的具体内容。

参考技术A

有2种方法，一种是直接在标签元素上添加，另外一种是通过js来添加：

第一种：

<span onclick="javascript:alert('hi')">点击</span>

第二种：

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js "></script>

<span class="clickBut">点击</span>


<script type="text/javascript">
  $(".clickBut").each(function()
   $(this).click(function()
   alert('hi js bind');
   );
  )
</script>

一般情况下，建议使用第二种。

本回答被提问者采纳 参考技术B <button id="btn" onclick="document.getElementById('btn').innerHTML='hhhh'; document.getElementById('btn').style.background='red'">点击</button>