首页 > Web开发 > 详细

JS Dom节点操作demo!

时间:2017-04-13 14:41:33      阅读:113      评论:0      收藏:0      [点我收藏+]

通过黑马课程的学习,在这里分享一个js Dom中节点操作的小练习

需求:使用js创建一个4*3的表格table.

onload = function(){
        function c(tagName){
            return document.createElement(tagName);
        }
        var table = c(‘table‘);
        var tbody = c(‘tbody‘);
        table.appendChild(tbody);
        for(var i = 0;i<4;i++){
            var tr = c(‘tr‘);
            for(var j = 0;j<3;j++){
                var td = c(‘td‘);
                //在td中放置文本
                var txt = document.createTextNode(‘‘);
                td.appendChild(txt);
                tr.appendChild(td);
                td.width = 200;
                td.height = 50;
            }
            tbody.appendChild(tr);
        }
        table.setAttribute(‘border‘,‘1‘);
        document.body.appendChild(table);
    };

 

JS Dom节点操作demo!

原文:http://www.cnblogs.com/wccc/p/6703388.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!