求解答,为什么出不来结果啊?

来源:9-6 setAttribute()方法

m艾瑞

2014-12-09 23:16

<!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>    

<script type="text/javascript">    

function addt(){    

//创建表格    

var ntable=document.createElement("table");    

ntable.setAttribute("width","300");    

ntable.setAttribute("border","1");    

//创建ntbody    

var ntbody=document.createElement("tbody");    

ntable.appendChild(ntbody);    

//创建第一行    

ntbody.insertRow(0);    

ntbody.insertRow(0).insertCell(0);    

ntbody.insertRow(0).cells[0].appendChild(document.createTextNode("ABC"));    

//创建第二行    

ntbody.insertRow(1);    

ntbody.insertRow(0).insertCell(0);    

ntbody.insertRow(1).cells[0].appendChild(document.createTextNode("123"));    

//将表格放到document中    

document.body.appendChild("ntable");    

}    

</script>    

</head>    

<body>    

<input type="button" value="create a table" onclick="addt()">    

</body>    

</html>    


写回答 关注

1回答

  • 小婆娘
    2015-12-23 19:55:44

    <!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>    

    <script type="text/javascript">    

    function addt(){    

    //创建表格    

    var ntable=document.createElement("table");    

    ntable.setAttribute("width","300");    

    ntable.setAttribute("border","1");    

    //创建ntbody    

    var ntbody=document.createElement("tbody");    

    ntable.appendChild(ntbody);    

    //创建第一行    

    ntbody.insertRow(0).insertCell(0).appendChild(document.createTextNode("ABC"));    

    //创建第二行      

    ntbody.insertRow(0).insertCell(0).appendChild(document.createTextNode("123"));    

    //将表格放到document中    

    document.body.appendChild(ntable);    

    }    

    </script>    

    </head>    

    <body>    

    <input type="button" value="create a table" onclick="addt()">    

    </body>    

    </html>    

    我把你的代码做了下修改,现在可以了。你自己对比着看看吧。

    小婆娘

    创建第二行那里,我写错了。 ntbody.insertRow(1).insertCell(0)

    2015-12-23 19:57:49

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题