码迷,mamicode.com
首页 > Web开发 > 详细

用js创建标签

时间:2019-01-12 16:45:52      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:child   创建   function   i++   标签设置   部分   函数   element   调用函数   

html部分:

<div id="div_1">
    <table id="tab"></table>
</div>

 js部分:

window.onload = function(){
    //定义一个数组
    var arr = [[1,1,1,1],[2,2,2,2],[3,3,3,3],[4,4,4,4]];
    //初始化数据,页面加载完成后调用函数
    put(arr);
}
//定义函数put
function put(newarr){
    //找到table标签
    var tab_1 = document.getElementById(‘tab‘);
    //遍历二维数组
    for(var i=0;i<newarr.length;i++){
        //创建标签tr
       var tr_1 = document.createElement(‘tr‘);
        //遍历二维数组里的一维数组
        for(var j=0;j<newarr[i].length;j++){
            //创建标签td
           var td_1 = document.createElement(‘td‘);
            //td的内容
            td_1.innerHTML = newarr[i][j];
            //将tr的子标签设置为td
            tr_1.appendChild(td_1);
        }
        //将table的子标签设置为tr
        tab_1.appendChild(tr_1);
    }
}

 

用js创建标签

标签:child   创建   function   i++   标签设置   部分   函数   element   调用函数   

原文地址:https://www.cnblogs.com/lsqbk/p/10259998.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!