首页 / JAVASCRIPT / JavaScript操作table，可以新增行和列并且隔一行换背景色

JavaScript操作table，可以新增行和列并且隔一行换背景色

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript操作table，可以新增行和列并且隔一行换背景色，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含937字，纯文字阅读大概需要2分钟。

内容图文

<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
        <title>JavaScript</title> 
    </head> 
    <body> 
        <script language="javascript"> 
            var n = 0; 
            function showTable(len) { 
                wi('<table border="1" width="300" style="border-collapse:collapse"><tbody id="table">'); 
                for (i=0;i<len;i++) { 
                    if (parseInt(i%2)==1) { 
                        bg = '#F4FAC7'; 
                    } else { 
                        bg = 'white';    
                    } 
                    wi('<tr bgcolor='+bg+'><td>第'+(i+1)+'行</td></tr>');  
                } 
                wi('</tbody></table><br />'); 
                wi('<input type="button" value="Add" id="add" />');    
            } 
             
            function wi(str) { 
                return document.write(str);  
            } 
            showTable(10); 
             
            var add = document.getElementById("add"); 
            add.onclick = function() { 
                n = n+1; 
                if (n%2==0) { 
                    bg = '#F4FAC7'; 
                } else { 
                    bg = 'white';    
                } 
                var table = document.getElementById("table"); 
                var tr = document.createElement("tr"); 
                tr.bgColor = bg; 
                var td = document.createElement("td"); 
                td.innerHTML = '第'+(10+n)+'行'; 
                tr.appendChild(td); 
                table.appendChild(tr); 
            } 
        </script> 
    </body> 
</html>

内容总结

以上是互联网集市为您收集整理的JavaScript操作table，可以新增行和列并且隔一行换背景色全部内容，希望文章能够帮你解决JavaScript操作table，可以新增行和列并且隔一行换背景色所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/304651.html

来源：【匿名】