<html>
<script type="text/javascript">
function createElement()
{
var tb=document.createElement("table");
tb.setAttribute("boder","1");
tb.setAttribute("height","100");
tb.setAttribute("width","500");
tb.setAttribute("cellpadding","10");
tb.setAttribute("cellspacing","20");
tb.setAttribute("bgcolor","red");
var tr=document.createElement("tr");
var td=document.createElement("td");
var txt=document.createTextNode("测试表格");
//alert("节点类型"+tr.nodeType+"节点名称"+tr.nodeName);
td.appendChild(txt);
tr.appendChild(td);
tb.appendChild(tr);
/*for(var i=0;i<5;i++)
{
for(var j=0;j<6;j++)
{
}
}
*/
document.body.appendChild(tb);
}
</script>
<body onload="createElement()">
</body>
</html>
10 个解决方案
#1
<html>
<script type="text/javascript">
function createElement()
{
var tb=document.createElement("table");
tb.setAttribute("boder","1");
tb.setAttribute("height","100");
tb.setAttribute("width","500");
tb.setAttribute("cellpadding","10");
tb.setAttribute("cellspacing","20");
tb.setAttribute("bgcolor","red");
document.body.appendChild(tb);
var tr=document.createElement("tr");
tb.appendChild(tr);
var td=document.createElement("td");
tr.appendChild(td);
var txt=document.createTextNode("测试表格");
//alert("节点类型"+tr.nodeType+"节点名称"+tr.nodeName);
td.appendChild(txt);
/*for(var i=0;i<5;i++)
{
for(var j=0;j<6;j++)
{
}
}
*/
}
</script>
<body onload="createElement()">
</body>
</html>
#2
试了一下在firefox可以用,在ie中不可以用.看不出来为什么
#3
IE中用的不是document.createElement这样子的方法。。不一样的。。要看标准才知道。。我做东东只做IE下的。。
#4
<html>
<script type="text/javascript">
function createElement()
{
var tb=document.createElement("table");
tb.setAttribute("boder","1");
tb.setAttribute("height","100");
tb.setAttribute("width","500");
tb.setAttribute("cellpadding","10");
tb.setAttribute("cellspacing","20");
tb.setAttribute("bgcolor","red");
tr=tb.insertRow();
td=tr.insertCell();
txt=document.createTextNode("测试表格");
td.appendChild(txt);
document.body.appendChild(tb);
}
</script>
<body onload="createElement()">
</body>
</html>
#5
难道 IE 下只能insertRow() insertCell() ?
#6
这种方式可以显示出输入结点的文字。但是像table的border="1",和bgcolor="red"都没有正确的显示啊。
不知哪位仁兄可以帮忙讲解一下。
#7
不好意思,border 写成boder
#8
有的属性没生效,cellspacing cellpadding ??帮忙解释下?
#9
js动态创建table,里面要套个TBODY才能显示出来
#10
<html>
<script type="text/javascript">
function createElement()
{
var tb=document.createElement("table");
tb.setAttribute("boder","1");
tb.setAttribute("height","100");
tb.setAttribute("width","500");
tb.setAttribute("cellpadding","10");
tb.setAttribute("cellspacing","20");
tb.setAttribute("bgcolor","red");
tr=tb.insertRow();
td=tr.insertCell();
txt=document.createTextNode("测试表格");
td.appendChild(txt);
document.body.appendChild(tb);
}
</script>
<body onload="createElement()">
</body>
</html>
<script type="text/javascript">
function createElement()
{
var tb=document.createElement("table");
tb.setAttribute("boder","1");
tb.setAttribute("height","100");
tb.setAttribute("width","500");
tb.setAttribute("cellpadding","10");
tb.setAttribute("cellspacing","20");
tb.setAttribute("bgcolor","red");
tr=tb.insertRow();
td=tr.insertCell();
txt=document.createTextNode("测试表格");
td.appendChild(txt);
document.body.appendChild(tb);
}
</script>
<body onload="createElement()">
</body>
</html>
#1
<html>
<script type="text/javascript">
function createElement()
{
var tb=document.createElement("table");
tb.setAttribute("boder","1");
tb.setAttribute("height","100");
tb.setAttribute("width","500");
tb.setAttribute("cellpadding","10");
tb.setAttribute("cellspacing","20");
tb.setAttribute("bgcolor","red");
document.body.appendChild(tb);
var tr=document.createElement("tr");
tb.appendChild(tr);
var td=document.createElement("td");
tr.appendChild(td);
var txt=document.createTextNode("测试表格");
//alert("节点类型"+tr.nodeType+"节点名称"+tr.nodeName);
td.appendChild(txt);
/*for(var i=0;i<5;i++)
{
for(var j=0;j<6;j++)
{
}
}
*/
}
</script>
<body onload="createElement()">
</body>
</html>
#2
试了一下在firefox可以用,在ie中不可以用.看不出来为什么
#3
IE中用的不是document.createElement这样子的方法。。不一样的。。要看标准才知道。。我做东东只做IE下的。。
#4
<html>
<script type="text/javascript">
function createElement()
{
var tb=document.createElement("table");
tb.setAttribute("boder","1");
tb.setAttribute("height","100");
tb.setAttribute("width","500");
tb.setAttribute("cellpadding","10");
tb.setAttribute("cellspacing","20");
tb.setAttribute("bgcolor","red");
tr=tb.insertRow();
td=tr.insertCell();
txt=document.createTextNode("测试表格");
td.appendChild(txt);
document.body.appendChild(tb);
}
</script>
<body onload="createElement()">
</body>
</html>
#5
难道 IE 下只能insertRow() insertCell() ?
#6
这种方式可以显示出输入结点的文字。但是像table的border="1",和bgcolor="red"都没有正确的显示啊。
不知哪位仁兄可以帮忙讲解一下。
#7
不好意思,border 写成boder
#8
有的属性没生效,cellspacing cellpadding ??帮忙解释下?
#9
js动态创建table,里面要套个TBODY才能显示出来
#10
<html>
<script type="text/javascript">
function createElement()
{
var tb=document.createElement("table");
tb.setAttribute("boder","1");
tb.setAttribute("height","100");
tb.setAttribute("width","500");
tb.setAttribute("cellpadding","10");
tb.setAttribute("cellspacing","20");
tb.setAttribute("bgcolor","red");
tr=tb.insertRow();
td=tr.insertCell();
txt=document.createTextNode("测试表格");
td.appendChild(txt);
document.body.appendChild(tb);
}
</script>
<body onload="createElement()">
</body>
</html>
<script type="text/javascript">
function createElement()
{
var tb=document.createElement("table");
tb.setAttribute("boder","1");
tb.setAttribute("height","100");
tb.setAttribute("width","500");
tb.setAttribute("cellpadding","10");
tb.setAttribute("cellspacing","20");
tb.setAttribute("bgcolor","red");
tr=tb.insertRow();
td=tr.insertCell();
txt=document.createTextNode("测试表格");
td.appendChild(txt);
document.body.appendChild(tb);
}
</script>
<body onload="createElement()">
</body>
</html>