js动态生成Table

添加人:badboylg308零级(19分)   添加时间:2008-04-29    阅读次数:851  收藏此教程

      function addElement(){
      
            var mouseover=function(){
                this.style.backgroundColor='#EAEAEA';
            };
           
            var click=function(){
                if(this.value=='修改'){
                    this.value='保存';
                }
            };
      
            function addElem(e,type,value,mouseover,click){
                var newElem = document.createElement(e);
                newElem.setAttribute("type",type);
                newElem.setAttribute("value",value);
                newElem.setAttribute("onmouseover",mouseover);
                newElem.setAttribute("onclick",click);
            };
           
       }

       function makeTable(xmldoc, caption) {
      
           var table = document.createElement("table");
           table.setAttribute("class","tab-content");
           document.body.appendChild(table);
          
           table.createCaption().appendChild(document.createTextNode(caption));
           var header = table.createTHead();
           var headerrow = header.insertRow(0);
           headerrow.insertCell(0).appendChild(document.createTextNode("特长名称"));
           headerrow.insertCell(1).appendChild(document.createTextNode("特长描述"));    
           headerrow.insertCell(2).appendChild(document.createTextNode("修改"));
           headerrow.insertCell(3).appendChild(document.createTextNode("删除"));
           var body=table.createTBODY();
          
          
           var UserSpecial = xmldoc.getElementsByTagName("UserSpecial");

           for(var i=0;i<UserSpecial.length;i++) {
          
              var e = UserSpecial;
              var Title = e.getElementsByTagName("Title")[0].firstChild.data;
              var Comment = e.getElementsByTagName("Comment")[0].firstChild.data;
             
              var row = table.insertRow(i+1);
              row.insertCell(0).appendChild(document.createTextNode(Title));
              row.insertCell(1).appendChild(document.createTextNode(Comment));
              row.insertCell(2).appendChild(addElem("input","button","修改",mouseover,click));
              row.insertCell(3).appendChild(addElem("input","button","删除",mouseover,click));
             
             }
        }
 
 

1页 第1上一页1下一页
相关的教程: js 动态 Table
收藏此教程

当前平均分: 0.0(3 次打分)

-5-4-3-2-1012345
评论主题
您的大名
您的评论
验证码 点击换一个验证码
知识库搜索: