js获取span标签的值

<span id="mySpan">Hello, World!</span>

// 获取元素
var spanElement = document.getElementById("mySpan");

// 获取文本内容
var spanValue = spanElement.textContent || spanElement.innerText;

console.log(spanValue); // 输出: Hello, World!

<span class="myClass">Hello</span>
<span class="myClass">World</span>

// 获取所有具有指定类名的元素
var spanElements = document.getElementsByClassName("myClass");

// 遍历并获取每个元素的文本内容
for (var i = 0; i < spanElements.length; i++) {
    console.log(spanElements[i].textContent || spanElements[i].innerText);
}
// 输出:
// Hello
// World

<span>First</span>
<span>Second</span>

// 获取所有的<span>元素
var spanElements = document.getElementsByTagName("span");

// 遍历并获取每个元素的文本内容
for (var i = 0; i < spanElements.length; i++) {
    console.log(spanElements[i].textContent || spanElements[i].innerText);
}
// 输出:
// First
// Second

<span class="myClass">Hello</span>
<span class="myClass">World</span>

// 获取第一个匹配的元素
var firstSpan = document.querySelector(".myClass");
console.log(firstSpan.textContent || firstSpan.innerText); // 输出: Hello

// 获取所有匹配的元素
var allSpans = document.querySelectorAll(".myClass");
allSpans.forEach(function(span) {
    console.log(span.textContent || span.innerText);
});
// 输出:
// Hello
// World