在没有任何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 {&nbsp; font-size:0;}.entry * {&nbsp; 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 {&nbsp; visibility:hidden;}.entry * {&nbsp; 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)