在没有任何html标签的html中隐藏文本

Question

我在下面有HTML代码，并且文本周围没有任何HTML。有什么方法可以隐藏“ p”标签后面的文本“ Enter” ？<div class="entry"><p class="page-header" style="text-align: center;"><strong>Enter</strong></p><p>&nbsp;</p>Enter <-- i want to hide this text<div class="subhead"></div></div>无法用div或任何其他标签包装它，因此我需要一些其他决定，例如JavaScript或CSS？

Answer 1

我会考虑使用font-size的CSS hack：

.entry {

  font-size:0;

}

.entry * {

  font-size:initial;

}

<div class="entry">

<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>

<p>&nbsp; somethin here</p>

Enter (this will be hidden !!)

<div class="subhead">another text here</div>

</div>

另一个想法是visibility：

.entry {

  visibility:hidden;

}

.entry * {

  visibility:visible;

}

<div class="entry">

<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>

<p>&nbsp; somethin here</p>

Enter (this will be hidden !!)

<div class="subhead">another text here</div>

</div>

Answer 2

你认为这行得通吗

var ele =document.getElementsByClassName('entry')[0]

ele.removeChild(ele.lastChild)