BOM简单练习题（一）

最新推荐文章于 2024-03-16 22:36:24 发布

不言尘世

最新推荐文章于 2024-03-16 22:36:24 发布

阅读量2.2k

点赞数

分类专栏：前端开发文章标签： BOM简单练习题（一）

本文链接：https://blog.youkuaiyun.com/weixin_43599377/article/details/97304894

版权

本文提供了一些关于BOM的基本练习，包括页面元素动态移动及按钮触发事件实现表格行增删。通过这些练习，可以深入理解浏览器对象模型的运用。

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

今天分享一下一些简单的练习题
1，在这里插入图片描述
当打开页面时，红色方块会自动向后移动

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript">
		</script>
		<style type="text/css">
			span{
				display:inline-block;
				height: 20px;
				width: 20px;
				background-color: orange;
			}
			.red{
				background-color: red;
			}
		</style>
	</head>

	<body>
		<span class="red"></span>
		<span ></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
	</body>
	<script type="text/javascript">
//		//	   x="saafsd";// window.x="saafsd";