js的span标签怎么用

span 标签在 javascript 中用于标记文本，可实现动态修改样式、添加事件侦听器和获取文本内容。具体用法包括：修改样式：使用 .style 属性设置文本颜色、背景颜色、字体大小、粗细和可见性。添加事件侦听器：用 .addeventlistener() 为 span 标签添加事件处理程序，如单击时触发操作。获取文本内容：使用 .textcontent 获取 span 标签中的文本内容。

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);