如何隱藏不包含文本的DOM元素？

我想知道如何隱藏在JavaScript中的DOM元素，如果它不包含任何文本，例如：如何隱藏不包含文本的DOM元素？

<ul> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
    <li>Text</li> 
    <li></li> <!-- Element to hide --> 
</ul>

我目前寫：

var point = document.getElementsByTagName("li"); 
for(var i = 0; i < point.length; i++){ 
    if(point[i].text==""){ 
     point[i].style.display = "none"; 
    } 
}

謝謝！

來源

2015-03-18 Numb3rs

取代'點[I] .text'，使用'點[I] .innerHTML '。 – 2015-03-18 22:42:14

'document.querySelectorAll（「li：empty」）''讓你不必循環和比較 – dandavis 2015-03-18 22:47:42

或更好，甚至不使用JS，使用CSS：'li：empty {display：none;}' – dandavis 2015-03-18 22:49:20

使用innerHTML屬性並在進行檢查之前先刪除空白空間。

if(!/[\S]/.test(point[i].innerHTML)) { 
    point[i].style.display = "none"; 
}

來源

2015-03-18 22:42:20

'innerText'是非標準的，你想'textContent' – elclanrs 2015-03-18 22:43:52

@elclanrs我的壞..修正它。 – 2015-03-18 22:47:20

謝謝！我使用以前的解決方案，它的工作原理！ – Numb3rs 2015-03-18 23:00:49

你爲什麼不使用jQuery這一點，它會順利進行，瀏覽器的差異：

$('li').each(function(){ 
    if($(this).html()==="") { 
     $(this).css({"display":"none"}); 
    } 
});

來源

2015-03-18 22:52:30 Michelangelo

對不起，但我只使用JavaScript。但是當我學習jQuery時，我會相信它。 – Numb3rs 2015-03-18 22:56:50

好吧，我會強烈推薦使用jQuery，它使生活更輕鬆，語法也不像看起來那樣可怕:) – Michelangelo 2015-03-18 23:00:10

如何隱藏不包含文本的DOM元素？

回答

相關問題