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

js添加子元素 table tr td createElement

时间:2016-06-06 13:33:40      阅读:490      评论:0      收藏:0      [点我收藏+]

标签:

 

js代码:增加一行五列的表格

function AddList(){
    obj = document.getElementById(tab_g);    
    
    $str1 = 1;
    $str2 = 2;
    $str3 = 3;
    $str4 = 4;
    $str5 = 5;
    
    newTr = document.createElement(tr);
    newTd1 = document.createElement(td);
    newTd2 = document.createElement(td);
    newTd3 = document.createElement(td);
    newTd4 = document.createElement(td);
    newTd5 = document.createElement(td);
    
    newTd1.innerHTML = $str1;
    newTd2.innerHTML = $str2;
    newTd3.innerHTML = $str3;
    newTd4.innerHTML = $str4;
    newTd5.innerHTML = $str5;
    
    newTr.appendChild(newTd1);
    newTr.appendChild(newTd2);
    newTr.appendChild(newTd3);
    newTr.appendChild(newTd4);
    newTr.appendChild(newTd5);
    
    document.getElementById(tab_g).appendChild(newTr)    
}

 

js添加子元素 table tr td createElement

标签:

原文地址:http://www.cnblogs.com/wesky/p/5563338.html

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