够详细吧 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="editplus" /> <meta name="author" content="JnKc" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> *{font-size:12px;} </style> <script type="text/javascript"> window.onload = function(){ var rs = {'01':'张三','02':'李四','03':'王五'}; var os = mytb.innerHTML; var s = os; for (var i in rs){ s = s.replace(eval('/>'+i+' </g'),'>'+rs[i]+' <');//比较安全 } mytb.innerHTML += '<hr />多个张三有特征替换'+s; /*-----------------------------------------------------*/ s = os; for (var i in rs){ s = s.replace(eval('/'+i+'/g'),rs[i]);//也有可能替换掉标签内属性 } mytb.innerHTML += '<hr />多个张三无差别替换'+s; /*-----------------------------------------------------*/ s = os; for (var i in rs){ s = s.replace('>'+i+' <','>'+rs[i]+' <'); } mytb.innerHTML += '<hr />单个张三有特征替换'+s; /*-----------------------------------------------------*/ s = os; for (var i in rs){ s = s.replace(i,rs[i]); } mytb.innerHTML += '<hr />单个张三无差别替换'+s; } </script> </head> <body> 原始内容 <div id="mytb"> <table width="300" border="1"> <tr> <td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td> <td colspan="3" bgcolor="#FFFFFF" >替换这里的“01”吗?</td> </tr> <tr> <td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td> <td colspan="3" bgcolor="#FFFFFF" >01 </td> </tr> <tr> <td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td> <td colspan="3" bgcolor="#FFFFFF" >02 </td> </tr> <tr> <td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td> <td colspan="3" bgcolor="#FFFFFF" >01 </td> </tr> <tr> <td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td> <td colspan="3" bgcolor="#FFFFFF" >03 </td> </tr> </table> </div> </body> </html>
你也可以用3楼的举一反三啊 <script> var map = {'01':'张三','02':'李四','03':'王五'}; replaces(document.getElementById("content")); function replaces(obj){ var j = 1;//替换的列序号,从0开始数 for (var i = 0; i < obj.rows.length; i++) { obj.rows[i].cells[j].innerText = map[obj.rows[i].cells[j].innerText]; } } </script>
<td colspan="3" bgcolor="#FFFFFF" >01</td>
</tr>
就是要将换成张三,这里是动态替换的,02换成李四等等,麻烦写详细一些
<tr>
<td>05</td>
<td>04</td>
<td>03</td>
</tr>
<table>
<script>
var map = { "03":"张三", "04":"李四", "05":"王五" };
replaces(document.getElementById("content"));
function replaces(obj){
var cells = obj.rows[0].cells;
for (var j = 0; j < cells.length; j++) {
cells[j].innerText = map[cells[j].innerText];
}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="editplus" />
<meta name="author" content="JnKc" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
*{font-size:12px;}
</style>
<script type="text/javascript">
window.onload = function(){
var rs = {'01':'张三','02':'李四','03':'王五'};
var os = mytb.innerHTML;
var s = os;
for (var i in rs){
s = s.replace(eval('/>'+i+' </g'),'>'+rs[i]+' <');//比较安全
}
mytb.innerHTML += '<hr />多个张三有特征替换'+s;
/*-----------------------------------------------------*/
s = os;
for (var i in rs){
s = s.replace(eval('/'+i+'/g'),rs[i]);//也有可能替换掉标签内属性
}
mytb.innerHTML += '<hr />多个张三无差别替换'+s;
/*-----------------------------------------------------*/
s = os;
for (var i in rs){
s = s.replace('>'+i+' <','>'+rs[i]+' <');
}
mytb.innerHTML += '<hr />单个张三有特征替换'+s;
/*-----------------------------------------------------*/
s = os;
for (var i in rs){
s = s.replace(i,rs[i]);
}
mytb.innerHTML += '<hr />单个张三无差别替换'+s;
}
</script>
</head>
<body>
原始内容
<div id="mytb">
<table width="300" border="1">
<tr>
<td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td>
<td colspan="3" bgcolor="#FFFFFF" >替换这里的“01”吗?</td>
</tr>
<tr>
<td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td>
<td colspan="3" bgcolor="#FFFFFF" >01 </td>
</tr>
<tr>
<td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td>
<td colspan="3" bgcolor="#FFFFFF" >02 </td>
</tr>
<tr>
<td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td>
<td colspan="3" bgcolor="#FFFFFF" >01 </td>
</tr>
<tr>
<td id="zb" width="75" align="center" bgcolor="#F3F3F3">组 别 </td>
<td colspan="3" bgcolor="#FFFFFF" >03 </td>
</tr>
</table>
</div>
</body>
</html>
<script>
var map = {'01':'张三','02':'李四','03':'王五'};
replaces(document.getElementById("content"));
function replaces(obj){
var j = 1;//替换的列序号,从0开始数
for (var i = 0; i < obj.rows.length; i++) {
obj.rows[i].cells[j].innerText = map[obj.rows[i].cells[j].innerText];
}
}
</script>