使用 JS 将文本隐藏在元素中(而不是元素本身）

Hiding the text in an element with JS (not the element itself)

本文关键字：元素 JS 文本 隐藏 使用      更新时间：2023-09-26

有没有办法使用 JavaScript 隐藏 HTML 元素中的文本，而不是元素本身？所以如果一个人有

<span style="border: 1px solid green">Hello world!</span>

怎么能隐藏"你好世界！"而不是边界呢？如果还有一个简化的jQuery解决方案，你也可以包括它吗？

是的，有。 它被称为.wrapInner() .

$("div").wrapInner('<span class="hide" />');

演示：http://jsfiddle.net/9KzgJ/

如果是块级元素，则可以使用text-indent:-9999px;

$(<mydiv>).css('color', $(<mydiv>).css('background-color'))是唯一不会改变DOM的解决方案。

如果您接受更改，则可以使用类似$(<mydiv>).html($('<div>'+$(<mydiv>).html())+'</div>').css({visibility: 'hidden'}))

或类似的东西。

希望这会有所帮助。

你可以使用嵌套的范围并隐藏它...

<span style="border: 1px solid green"><span id="text1">Hello world!</span></span>

简答题 否。

可悲的是，如果不一起替换元素、隐藏元素或将元素文本更改为空白，就无法仅隐藏文本......

但是，您可以使用javascript附加相同的元素..然后隐藏所需的元素...

但除了这个选项之外，戈登贝尔的答案可能是你最好的选择......

相关文章：