每天CookBook之JavaScript-054

  • 设置元素风格
  • 设置元素描述
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>054</title>
</head>
<body>
    <ui>
        <li>001</li>
        <li>002</li>
        <li>003</li>
        <li>004</li>
        <li>005</li>
        <li>006</li>
        <li>007</li>
        <li>008</li>
        <li>009</li>
        <li>0010</li>
    </ui>
</body>
<script type="text/javascript">
var lis = document.querySelectorAll('li:nth-child(2n+1)');
for (var i = 0; i < lis.length; i++) {
    lis[i].setAttribute("style","background-color:#ffeeee");
}

var lis = document.querySelectorAll('li:nth-child(even)');
for (var i = 0; i < lis.length; i++) {
    lis[i].setAttribute("style","background-color:#eeffee")
}
</script>
</html>
posted @ 2016-07-21 21:16  4Thing  阅读(95)  评论(0)    收藏  举报