这段创建表格代码疏失在哪里？
日期：2014-05-16 浏览次数：20446 次
这段创建表格代码出错在哪里？？？？？？？？？？？
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
</style>
<script type="text/javascript">
window.onload=function(){
var otable=$("tab"),otr=[];atext=[];
atext[0]=document.createTextNode("a");
atext[1]=document.createTextNode("b");
atext[2]=document.createTextNode("c");
atext[3]=document.createTextNode("d");
for(var j=0;j<4;j++){
otr[j]=otable.insertRow();
for(var i=0;i<atext.length;i++){
var otd=otr[j].insertCell(i);
otd.appendChild(atext[i]);
}
}
otable.style.border="solid red 1px;";
}
function $(a){
return document.getElementById(a);
}
</script>
<body>
<table id="tab">
</table>
</body>
</html>
------解决方案--------------------
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
</style>
<script type="text/javascript">
window.onload=function(){
var otable=$("tab"),otr=[];atext=[];
atext[0]=document.createTextNode("a");
atext[1]=document.createTextNode("b");
atext[2]=document.createTextNode("c");
atext[3]=document.createTextNode("d");
for(var j=0;j<4;j++){
otr[j]=otable.insertRow();
for(var i=0;i<atext.length;i++){
var otd=otr[j].insertCell(i);
otd.appendChild(atext[i]);
}
}
otable.style.border="solid red 1px;";
}
function $(a){
return document.getElementById(a);
}
</script>
<body>
<table id="tab">
</table>
</body>
</html>
------解决方案--------------------
- JScript code
window.onload = function() {
var otable = $("tab"),
otr = [];
atext = [];
atext[0] = document.createTextNode("a");
atext[1] = document.createTextNode("b");
atext[2] = document.createTextNode("c");
atext[3] = document.createTextNode("d");
for (var j = 0; j < 4; j++) {
otr[j] = otable.insertRow();
for (var i = 0; i < atext.length; i++) {
var otd = otr[j].insertCell(i);
otd.appendChild(atext[i].cloneNode(true)); //克隆一下
}
}
otable.style.border = "solid red 1px"; //属性值多了个分号
}
function $(a) {
return document.getElementById(a);
}
------解决方案--------------------
<body onload="a">改成
<body onload="a()">
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
