526互联

HTML <span>的用法

发布时间 2023-08-18 15:58:03作者: Sawyerhan

<span></span> 的用法主要有以下几种：

  1. 文本样式化：可以通过为 <span> 元素添加 CSS 类名或内联样式来对其中的文本进行样式设置，比如改变字体颜色、字体大小、字体样式等。
<span class="red-text">红色文本</span> <span style="font-size: 20px;">大号字体</span>
  1. 文本标记化：可以使用 <span> 元素来给文本添加特定的标记，以便后续处理或样式设置。
<span class="highlight">重点标记</span> <span class="tooltip" title="这是一个提示">需要提示的文本</span>
  1. JavaScript 操作：可以使用 JavaScript 来操作 <span> 元素，实现一些动态效果或交互功能。
<span id="count">0</span> <button onclick="increment()">增加</button> <script> function increment() { var countSpan = document.getElementById("count"); var count = parseInt(countSpan.innerHTML); count++; countSpan.innerHTML = count; } </script>