<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
p{
width:500px;
height: 300px;
border: 2px solid #ccc;
background: #f3f3f3;
padding: 20px;
line-height: 22px;
font-size: 16px;
}
span{
background: #EB474A;
color: #fff;
}
</style>
</head>
<body>
<input type="text" />
<input type="button" value="查找"/>
<input type="text" />
<input type="button" value="替换"/>
<p>
票房第一的审死官，主演：周星驰，梅艳芳票房第二的家有喜事，
主演：周星驰，张国荣票房第三的鹿鼎记，主演：周星驰，
林青霞票房第四的武状元苏乞儿，主演：周星驰，张敏票房第五的鹿鼎记2，
主演：周星驰，林青霞 在这一年，香港电影票房前五的作品都由周星驰主演。
而在之后周星驰的导演岁月里，票房也是一度创造了神话。
《国产凌凌漆》排在1994年香港电影票房的第三位。
《少林足球》排在2001年香港票房的第一位。
《功夫》拿下当年票房冠军，在全球56个国家和地区上映，
在2004年就做到了全球票房一亿美元。
《西游降魔》拿下12.45亿票房，是当年票房冠军
</p>
<script>
var oP=document.getElementsByTagName("p")[0],
alnp=document.getElementsByTagName("input"),
opstr=oP.innerHTML;
alnp[1].onclick=function(){
var str=alnp[0].value;
if(!str) return;
console.log(opstr.split(str));
oP.innerHTML=opstr.split(str).join("<span>"+str+"</span>");
};
alnp[3].onclick=function(){
var str=alnp[0].value;
var strnew=alnp[2].value;
if(!str) return;
if(!strnew) return;
console.log(opstr.split(str));
oP.innerHTML=opstr.split(str).join("<span>"+strnew+"</span>");
};
</script>
</body>
</html>
419
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
