首页 > Web开发 > 详细

js添加子元素 table tr td createElement

时间:2016-06-06 13:31:32      阅读:245      评论: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)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!