js生成p隔行颜色不一样 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// 生成100个p元素，隔行变色
			window.onload = function(){
				for(var i = 1; i <= 100; i++){
					if(i % 2 ==0){
						document.write('<p style="background: #00ADEF;">我是第：'+i+'个p</p>');
                        //document.body.innerHTML += '<p style="background:#00ADEF;">我是第'+ i + '</p>';
					}else{
						document.write('<p>我是第：'+i+'个p</p>');
                        //document.body.innerHTML += '<p>我是第'+ i + '</p>';
					}
				}
				
			}
		</script>
	</head>
	<body>
	</body>
</html>

posted @ 2023-08-12 09:45  JackieDYH  阅读(8)  评论(0)  编辑  收藏  举报  来源