如何通过javascript脚本在一个HTML页面上创建一个10行10列的表格，并且隔行添加背景颜色？ 5
1个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<style>
td{
width:60px;
height:25px;
}
.even{
background-color:green;
}
.odd{
background-color:blue;
}
</style>
<script>
window.addEventListener('load',function(){
var table = document.createElement('table');
var tbody = document.createElement('tbody');
var createRow = function(parent,cols,idx){
var row = document.createElement('tr');
tbody.appendChild(row);
row.className = (idx & 1) == 1 ? 'even' : 'odd';
for(var i=0;i<cols;i++)
row.appendChild(document.createElement('td'));
}
document.body.appendChild(table);
table.appendChild(tbody);
for(var i=0;i<10;i++)
createRow(tbody,10,i);
});
</script>
</head>
<body>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
