js动态添加、删除html代码

<head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档<... <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function AddOrDelModel(modelId){
if(document.getElementById(modelId).checked){
var insertText = "<table><tr><td>"+modelId+"被选中</td></tr></table>";
document.getElementById("insert").innerHTML = document.getElementById("insert").innerHTML+insertText;
}else
{
//var ob = document.getElementById(obj); 删除
//ob.parentNode.parentNode.removeChild(ob.parentNode);
document.getElementById("insert").innerHTML = document.getElementById("insert").innerHTML.replace("<table><tbody><tr><td>"+modelId+"被选中</td></tr></tbody></table>","");
}
}
</script>
</head>
<body>
<input id="Checkbox1" type="checkbox" onclick="AddOrDelModel('Checkbox1')" value="checkbox1" name="CheckBox1" />
<input id="Checkbox2" type="checkbox" onclick="AddOrDelModel('Checkbox2')" value="checkbox2" name="CheckBox2" />
<div id="insert"></div>
</body>
要实现的功能选中checkbox1、checkbox2界面分别显示添加checkbox1、checkbox2被选中,取消选择则分别移除添加的内容.
使用firefox调试显示在添加table的时候会自动多添加<tbody>标签
现在在firefox和chrome运行没有问题，但是其他的浏览器(ie、搜狗等浏览器)就不行了。
求解~！！！！！！！！
最好是直接给出修改后的代码,谢谢!!!
鄙视无意义回答~~ 鄙视百度的"推荐回答"功能~~ 使部分人钻空子.....
解决后 +50分展开

 我来答

1个回答

#热议# 为什么说不要把裤子提到肚脐眼？

小可丶同学
2012-06-07 · TA获得超过256个赞

知道小有建树答主

回答量：140

采纳率：100%

帮助的人：143万

我也去答题访问个人页

关注

展开全部

function AddOrDelModel(modelId){
	var insertText = '<table tag=' + modelId + '><tr><td>' + modelId + '被选中</td></tr></table>', insertEl = document.getElementById("insert");
	if(document.getElementById(modelId).checked){
		insertEl.innerHTML = insertEl.innerHTML + insertText;
	}else{
		var tables = insertEl.getElementsByTagName("table");
		for(var i = 0; i < tables.length; i++){
			if(tables[i].tag = modelId){
				insertEl.removeChild(tables[i]);
				break;
			}
		}
	}
}


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起