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 @   JackieDYH  阅读(10)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示