javascript - 如何在Javascript中隐藏某些字符

Question

我想知道是否有办法隐藏字符串中的某些字符，但不替换。因此，例如

let a = 'Hallo';
let b = a.replace('a', ' ');
alert(b);

此代码将提醒 H llo 而不是 Hallo。

有没有真正隐藏的功能(不显示字符，但不替换它(所以，我们看不到这个字符，但它仍然存在))？

Answer 1

扩展 ibrahim mahrir 的评论，您可以创建一个隐藏类，如下所示:

<p>Such a nifty string, wi<span class="hidden">th</span> 
some l<span class="hidden">e</span>tters missing</p>

然后一些 JavaScript 可以做到这一点:

<script>
var targets = document.querySelectorAll(".hidden");

function hideLetters() {
    targets.style.visibility = "hidden";
}

hideLetters();
</script>

通过将其放入这样的函数中，您可以动态隐藏它们。假设用户单击按钮:

<button id="hider">Hide letters</button>

<script>
var hider = document.querySelector("#hider");

hider.addEventListener("click", hideLetters);
</script>

然后是一个向它们展示的函数，如果你愿意的话。

<script>
function showLetters() {
    targets.style.visibility = "visible";
}
</script>