SPAN 标签在 JavaScript 中的用法

SPAN 标签是一个内联 HTML 元素，用于标记一段文本，使其具有不同的样式或行为，而又不移除其文本流。在 JavaScript 中，可以利用 SPAN 标签来动态地修改文本样式、添加事件侦听器或获取文本内容。

1. 修改样式

• .style.color：设置文本颜色
• .style.backgroundColor：设置背景颜色
• .style.fontSize：设置字体大小
• .style.fontWeight：设置字体加粗
• .style.display：隐藏或显示元素

例如：

const spanElement = document.querySelector("span");spanElement.style.color = "red";spanElement.style.fontSize = "24px";

2. 添加事件侦听器

• .addEventListener("事件类型", 事件处理程序)：为元素添加一个事件侦听器

例如：

const spanElement = document.querySelector("span");spanElement.addEventListener("click", () => {  console.log("Span clicked!");});

3. 获取文本内容

• .textContent：获取元素中的文本内容

例如：

const spanElement = document.querySelector("span");const textContent = spanElement.textContent;console.log(textContent);

以上就是js的span标签怎么用的详细内容，更多请关注css网站其它相关文章！