在同一 <p> 标签中隐藏部分文本

【问题标题】：Hide Part Of text In same <p> tag在同一 <p> 标签中隐藏部分文本
【发布时间】：2022-11-12 03:09:04
【问题描述】：

例如，我有以下代码

<p class="text-content">
"First part of text"
<span id="divider"></span>
"Second part of text"
</p>

如何隐藏文本的第二部分？

【问题讨论】：

【解决方案1】：

JS实现：

document.getElementById("divider").parentNode.removeChild(document.getElementById("divider").nextSibling);

<p class="text-content">
"First part of text"
<span id="divider"></span>
"Second part of text"
</p>

这将删除分隔符之后的下一个节点。

【讨论】：

【解决方案2】：

这行得通吗？

<p class="text-content">
"First part of text"
<span id="divider"></span>
</p>

【讨论】：