用循环将三个DIV变成红色
2024-09-03 07:37:32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用循环将三个DIV变成红色</title>
<style>
#outer{width:330px;height:100px;margin:10px auto;}
#outer div{float:left;width:100px;height:100px;margin:0 5px;background:black;}
</style>
<script>
window.onload = function ()
{
var oDiv = document.getElementById("outer").getElementsByTagName("div");
var oBtn = document.getElementsByTagName("button")[0];
oBtn.onclick = function ()
{
for(var i = 0; i < oDiv.length; i++) oDiv[i].style.background = "red";
}
}
</script>
</head>
<body>
<center><button>点击将DIV变成红色</button></center>
<div id="outer">
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
最新文章
- scrollToItemAtIndexPath: atScrollPosition: animated:
- Bash之PS1配置
- 我个人结合到老师的来理解的——Asp.net Webform的页面生命周期
- 解剖SQLSERVER 第二篇 对数据页面头进行逆向（译）
- MatLab GUI Use Command for Debug 界面调试的一些方法
- UI1_UISlider与UISegment
- LE33
- ABAP EXCEL 文件上传下载 用SMW0
- QT5-控件-QLineEdit-文本输入控件，用来输入密码什么的还不错，可以和Linux登录一样不移动光标哦
- angularjs+ionic注册页面表单验证（手机号、确认密码、60s后重发验证码）
- 201521123097 《JAVA程序设计》第七周学习总结
- C# 如何使用配置文件保存应用程序里的配置数据
- HTML之表单
- Quartz.NET学习笔记（四） 计划任务触发器
- consul如何限制注册的ip
- 基于vue和svg的树形UI
- 在Java中进行序列化和反序列化
- CentOS7 安装Python3，开发SocketIO 客户端
- npm报错处理
- zombodb安装试用