js设置span隐藏 没id

<!-- HTML -->
<span class="hideable">这是一段文本。</span>

// JavaScript
// 使用 getElementsByClassName
var elements = document.getElementsByClassName('hideable');
if (elements.length > 0) {
    elements[0].style.display = 'none'; // 隐藏第一个匹配的元素
}

// 或者使用 querySelectorAll
var elements = document.querySelectorAll('.hideable');
elements.forEach(function(element) {
    element.style.display = 'none'; // 隐藏所有匹配的元素
});

<!-- HTML -->
<div id="parentElement">
    <span>这是一段文本。</span>
</div>

// JavaScript
var parentElement = document.getElementById('parentElement');
var spanElements = parentElement.getElementsByTagName('span');
if (spanElements.length > 0) {
    spanElements[0].style.display = 'none'; // 隐藏第一个匹配的span元素
}

<!-- HTML -->
<button id="toggleButton">切换隐藏</button>
<span>这是一段文本。</span>

// JavaScript
document.getElementById('toggleButton').addEventListener('click', function() {
    var spanElement = this.nextElementSibling;
    if (spanElement && spanElement.tagName.toLowerCase() === 'span') {
        if (spanElement.style.display === 'none') {
            spanElement.style.display = ''; // 显示元素
        } else {
            spanElement.style.display = 'none'; // 隐藏元素
        }
    }
});

<!-- HTML -->
<span>这是一段文本。</span>

// JavaScript
var spanElement = document.querySelector('span');
if (spanElement) {
    spanElement.style.display = 'none'; // 隐藏元素
}