<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
textarea{
width: 300px;
height: 100px;
font-size: 18px;
}
span{
color: red;
}
</style>
</head>
<body>
<textarea id="cont1"></textarea>
<br>
<button id="btn">发表评论</button>
<p id="cont2"></p>
<script>
btn.onclick=function(){
// 获取输入的值
var str=cont1.value
// console.log(str);
// 查找替换 参数1:查找的字符 参数2:替换的字符
// g全局 查找全部 i忽略大小写
var str2=str.replace(/我草|卧槽|我擦/ig,'<span>**</span> ')
// console.log(str2);
cont2.innerHTML=str2
// 清空文本域
cont1.value=''
}
</script>
</body>
</html>