Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 替换HTML中的一些单词并用JS更改背景_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 替换HTML中的一些单词并用JS更改背景

Javascript 替换HTML中的一些单词并用JS更改背景,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我将制作一些过滤器:用JavaScript替换一些不好的单词并更改背景颜色。我有这个: $(document).ready(function () { $('body').html(function(i, v) { return v.replace(/brzydkie/g, 'CENZURA'); }); }); 但是我不知道如何改变背景颜色,在那里我改变了不好的单词。试试这个,只需使用css()函数就可以了 编辑1: 在本例中,您不必通过Javascrip

我将制作一些过滤器:用JavaScript替换一些不好的单词并更改背景颜色。我有这个:

$(document).ready(function () {
    $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, 'CENZURA');  
    });
});

但是我不知道如何改变背景颜色,在那里我改变了不好的单词。

试试这个,只需使用css()函数就可以了

编辑1:

在本例中,您不必通过Javascript更改背景,但首先要在样式表中添加一个类,例如

.hightlight{
   background: #f00;
}
然后你给这个类的单词添加一个span,这个单词会自动有背景

$(document).ready(function () {
    $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, '<span class="highlight">CENZURA</span>');  
    });
});
$(文档).ready(函数(){
$('body').html(函数(i,v){
返回v.替换(/brzydkie/g,'CENZURA');
});
});
简单

document.body.style.background = COLOR_HERE;
在这里您可以看到它正在工作:

检查

jQuery
$(文档).ready(函数(){
$('body').html(函数(i,v){
返回v.替换(/brzydkie/g,'CENZURA');
});
});
CSS

.badwords { background-color:yellow; }
  var badwords='<span class="badwords">CENZURA</span>';
   $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, badwords);  
    });
JS

.badwords { background-color:yellow; }
  var badwords='<span class="badwords">CENZURA</span>';
   $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, badwords);  
    });
var baddwords='CENZURA';
$('body').html(函数(i,v){
返回v.替换(/brzydkie/g,脏话);
});

我想这就是你的意思。。(?)-若要更改已替换文本的背景颜色?

但我只会在更改坏词的地方更改背景。我已在答案中添加了一个解决方案以满足您的需要。但我只会在更改坏词的地方更改背景,但我只会在更改坏词的地方更改背景。
  var badwords='<span class="badwords">CENZURA</span>';
   $('body').html(function(i, v) {
        return v.replace(/brzydkie/g, badwords);  
    });