javascript [ table->innerHTML (IE) 兼容 ]
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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="Author" content="kven">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link href="" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function a(count){
var container = document.getElementById('container');
var add = '';
for(var i = 1; i <= count; i++){
add += "<tr><td>"+i+"</td></tr>";
}
container.innerHTML = add;
}
window.onload = function(){
var bb = document.getElementById('bb');
bb.innerHTML = "<tr><td><table><tr><td></td></tr></table></td></tr>";
}
</script>
</head>
<body>
<form name="ff">
<select name="sle" onchange="a(this.value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<style type="text/css">
#container tr td {border:1px solid black;border-bottom:0;height:100px;width:200px;}
</style>
<table border="0" cellspacing="0" cellpadding="0" style="border-bottom:1px solid black;">
<tbody id="container"></tbody>
</table>
</body>
</html>
______________________________________________
为什么 IE上 innerHTML 兼容不了 求解
最好 在这代码上 修改~ 谢谢 展开
<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="Author" content="kven">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link href="" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function a(count){
var container = document.getElementById('container');
var add = '';
for(var i = 1; i <= count; i++){
add += "<tr><td>"+i+"</td></tr>";
}
container.innerHTML = add;
}
window.onload = function(){
var bb = document.getElementById('bb');
bb.innerHTML = "<tr><td><table><tr><td></td></tr></table></td></tr>";
}
</script>
</head>
<body>
<form name="ff">
<select name="sle" onchange="a(this.value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<style type="text/css">
#container tr td {border:1px solid black;border-bottom:0;height:100px;width:200px;}
</style>
<table border="0" cellspacing="0" cellpadding="0" style="border-bottom:1px solid black;">
<tbody id="container"></tbody>
</table>
</body>
</html>
______________________________________________
为什么 IE上 innerHTML 兼容不了 求解
最好 在这代码上 修改~ 谢谢 展开
展开全部
在IE浏览器的情况下,如果需要增加一行表格,直接设置表格的innerHTML会出现"未知的运行时错误",原因是因为COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR在IE下面innerHTML是只读状态。
因此通过以下方法可以解决此问题：
<script type="text/javascript">
function a(count){
var container = document.getElementById('container');
var oTr,oTd;
for(var i=container.rows.length-1;i>=0; i--)container.deleteRow(i);//删除所有的行
for(var i = 0; i < count; i++){
oTr=container.insertRow(i);//插入一行
oTd=oTr.insertCell(0);//插入单元格
oTd.innerHTML=i+1;//Td是可以设置innerHTML的
}
}
window.onload = function(){
var oTr=document.getElementById('container').insertRow(0);
var oTd=oTr.insertCell(0);
oTd.innerHTML="<table><tr><td></td></tr></table>";
}
</script>
因此通过以下方法可以解决此问题：
<script type="text/javascript">
function a(count){
var container = document.getElementById('container');
var oTr,oTd;
for(var i=container.rows.length-1;i>=0; i--)container.deleteRow(i);//删除所有的行
for(var i = 0; i < count; i++){
oTr=container.insertRow(i);//插入一行
oTd=oTr.insertCell(0);//插入单元格
oTd.innerHTML=i+1;//Td是可以设置innerHTML的
}
}
window.onload = function(){
var oTr=document.getElementById('container').insertRow(0);
var oTd=oTr.insertCell(0);
oTd.innerHTML="<table><tr><td></td></tr></table>";
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
