您的位置：首页 > 其它

文章标题

2016-06-07 21:54 232 查看

这里写代码片<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>queryselector 3</title>

<style>
body{

width:1200px;
height:800px

}
.change{
width:100px;
height:100px;
-webkit-transform:rotate(45deg);
position:relative;
float:left;
margin-left:20px;
border:5px solid white;

color:black;
font-size:30px;
font-weight:900;
}
.fontstyle
4000
{
position:absolute;

}
</style>

</head>
<body>
<div>恭 </div>
<div> 喜</div>
<div> 发 </div>
<div>财 </div>
<div> 大 </div>
<div>  吉</div>
<div> 大 </div>
<div>利 </div>

<script>

var obj=document.querySelectorAll("div");//querySelector方法返回的是一个数组

var txt="";
for(var i in obj)//遍历obj中的元素
{
obj[i].style.backgroundColor="red";
obj[i].className="change";

}

// 这是对js最基本的语句的一些学习，实现对8个div的浮动，但是字体
//居中有点困难，希望大神帮忙！

</script>
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航