如何使用 JavaScript 在 span 内获取值

在前端开发中，我们经常需要获取页面中某一个元素的值，比如 span 标签中的文本内容。要获取 span 内的文本内容，可以使用 JavaScript 中的 innerHTML 属性。

以下是获取 span 标签中文本内容的示例代码：

let spanElement = document.getElementById("mySpan"); // 获取 span 元素
let spanText = spanElement.innerHTML; // 获取 span 元素内的文本内容
console.log(spanText); // 输出 span 元素内的文本内容

在以上示例代码中，我们首先通过 document.getElementById 方法获取了 id 属性为 mySpan 的 span 元素。接着，使用 innerHTML 属性获取了该 span 元素内的文本内容，并把结果赋值给了 spanText 变量。最后，将结果输出到控制台上。

除了使用 innerHTML 属性，还可以使用 textContent 属性来获取 span 元素内的文本内容。与 innerHTML 不同，textContent 可以获取元素内的纯文本内容，而不会包含任何 HTML 标签。

以下是使用 textContent 属性获取 span 元素内文本内容的示例代码：

let spanElement = document.getElementById("mySpan"); // 获取 span 元素
let spanText = spanElement.textContent; // 获取 span 元素内的纯文本内容
console.log(spanText); // 输出 span 元素内的纯文本内容

以上是获取 span 元素内文本内容的两种方法。根据实际情况选择使用哪种方法来获取 span 元素内的文本内容。