如何通过javascript脚本在一个HTML页面上创建一个10行10列的表格，并且隔行添加背景颜色？ 5

用creatElement不用document.write... 用creatElement不用document.write 展开

 我来答

1个回答

#热议# 空调使用不当可能引发哪些疾病？

dksnear
2015-04-28 · TA获得超过1211个赞

知道小有建树答主

回答量：399

采纳率：0%

帮助的人：610万

我也去答题访问个人页

关注

展开全部

<!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>