Javascript 替换HTML中的一些单词并用JS更改背景
我将制作一些过滤器:用JavaScript替换一些不好的单词并更改背景颜色。我有这个: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
$(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);
});