<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>array高亮及替换(合并)与简单应用(文字背景)demo</title>
<script>
window.onload = function(){
var oDiv1 = document.getElementById('div1');
var oInp = document.getElementsByTagName('input');
oInp[2].onclick = function(){
arr = oDiv1.innerHTML.split(oInp[0].value);
oDiv1.innerHTML = arr.join('<b>'+oInp[1].value+'</b>');
}
oInp[3].onclick = function(){
arr = oDiv1.innerHTML.split(oInp[0].value);
oDiv1.innerHTML = arr.join('<b>'+oInp[0].value+'</b>');
}
}
</script>
<style>
</style>
</head>
<body style="padding:200px;">
<input type="text" />
<input type="text" />
<input type="button" value="替换" /><input type="button" value="查找" /><br><br>
<div style="width:500px;" id="div1">网站建设方案书:注意:以下资料以实际情况进行邮寄,企业类型备案,域名前缀不相同超过32个(包括32个)时须提供每个域名的网站建设方案书原件,网站建设方案书需邮寄原件(网站建设方案书可自行撰写,无格式要求,加盖单位公章)</div>
</body>
</html>