JavaScript循环坐标

最新推荐文章于 2020-12-24 13:08:23 发布

原创最新推荐文章于 2020-12-24 13:08:23 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

106 篇文章

订阅专栏

本文探讨了如何使用HTML和JavaScript实现页面元素的动态生成，包括列表项的创建与样式设置。通过JavaScript操作DOM，实现了内容的动态填充及元素位置的调整。

摘要生成于 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 aDiv=document.getElementsByTagName('div');

	for(var i=0;i<10;i++){
		document.body.innerHTML+='<div>'+i+'</div>';
	}
	
	for(var i=0;i<aDiv.length;i++){
		aDiv[i].style.left=i+'px';
	}
}
</script>
</head> 

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