為什么第一個div沒有樣式顯示
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
<style>
div{
width: 100px;
height: 90px;
float: left;
padding: 5px;
margin: 5px;
background-color: #EEEEEE;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>?
</head>
<body>
<div class="aaron">
<p>我們</p>
<p>你們</p>
</div>
<div class="arron">
<p>我們</p>
<p>你們</p>
</div>
<div class="imooc">
<p>你們</p>
<p>愛情</p>
</div>
<div class="imooc">
<p>真的愛你</p>
<p>真愛</p>
</div>
<script type="text/javascript">
var divs=document.getElementsByClassName('arron');
for (var i = 0; i < divs.length; i++) {
divs[i].style.border="3px solid red";
}
</script>
<script type="text/javascript">
$(.imooc).css("border","3px solid red");
</script>
</body>
</html>
2016-08-13
你第一個class寫錯了
2017-08-03
應(yīng)該是第二個class樣式單詞寫錯,還有方法中要獲得樣式名的單詞也要改,不要問我怎么知道,我就是知道!
2016-08-13
你第一個class名字寫錯了---<div class="aaron">,所以divs=document.getElementsByClassName('arron');divs中根本就沒有第一個div