javascript - js中如何用innerhtml将表格输出到body中

查看:279
本文介绍了javascript - js中如何用innerhtml将表格输出到body中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业2</title>
<script type="text/javascript">
   window.onload=function()
   {
           var taObj=document.getElementById("ta");

        var arrObj=taObj.getElementsByTagName("tr");

       for(var i=0;i<arrObj.length;i++)
        {
               for (var j = 0; j<arrObj.length; j++)
               {
                arrObj[i].innerHTMl+="<td>"+j+"</td>"
               }
        }
    }    
    </script>
   
</head>
<body>
    <table id="ta" border="5px">
        <tr></tr>
        <tr></tr>
        <tr></tr>
        <tr></tr>
        <tr></tr>
        <tr></tr>
        <tr></tr>
        <tr></tr>
        <tr></tr>
    </table>
</body>
</html>
    想用innerHTMEL这样建表  但是就是输出不了

解决方案

innerHTMl写错了是arrObj[i].innerHTML="<td>"+j+"</td>"

这篇关于javascript - js中如何用innerhtml将表格输出到body中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆