用asterix替换HTML元素中的所有可能文本

时间:2015-11-26 13:53:16

标签: javascript jquery html css element

我想知道是否有办法将HTML元素中的所有文本都更改为星号。

<div id="1">
Text
<div>
text
    <span>text</span>
</div></div>

这样它就会取代所有的文字&#39;在上面的示例中使用&#39; ****&#39;仅定位ID为&#39; 1&#39;。

的div

3 个答案:

答案 0 :(得分:1)

当然,只需致电.text()

var content = $('#1').text().trim();
$('#1').text( new Array( content.length + 1 ).join('*') );

答案 1 :(得分:1)

要使用星号替换任何字母数字字符,请使用:

$('#1').contents().each(function(){
    var prop = this.nodeType === 3 ? 'nodeValue' : 'innerText';
    this[prop] = this[prop].replace(/\w/g,'*');
});

答案 2 :(得分:0)

$(&#34;#1&#34)。replaceWith(&#34; ******&#34);

使用replaceWith方法。

<script>
$(document).ready(function(){
    $("button").click(function(){
       $("#1").replaceWith("******");
    });
});
</script>

要更改页面加载,请使用此

<script>
    $(document).ready(function(){

           $("#1").replaceWith("******");

    });
    </script>