JavaScript for循环

Lvdon9

于 2018-12-28 18:15:09 发布

阅读量240

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_37995109/article/details/85329705

JavaScript 专栏收录该内容

106 篇文章

订阅专栏

本文探讨了如何使用HTML和JavaScript实现网页元素的动态生成，包括样式设置与内容填充。通过具体的代码示例，展示了如何在页面加载时动态创建200个按钮，并对列表项进行初始化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
li{
	height: 30px;
	border-bottom:1px solid #333;
}
</style>
<script>
window.onload=function()
{
	/*var oUl=document.getElementById('list');
	var aLi=oUl.getElementsByTagName('li');
	var arr=['今天','明天','后天'];
	for(var i=0;i<aLi.length;i++)
	{	
		aLi[i].innerHTML=arr[i]
		
	}*/
	var str='';
	for(var i=0;i<200;i++){
		str+='<input type="button" value="aaa"/>';
	}
	document.body.innerHTML=str;
}
</script>
</head> 

<body>
<ul id="list">
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>
</body>
</html>