js - 02课

weixin_30340819

于 2016-10-19 21:26:00 发布

阅读量75

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bravolove/p/5978791.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<ul id="list">
    <li>
        <h2>我的好友</h2>
        <ul>
            <li>潘金莲</li>
            <li>西门庆</li>
            <li>武松</li>
        </ul>
    </li>
    <li>
        <ol>
            <li>no</li>
            <li>no</li>
            <li>no</li>
        </ol>
    </li>
    <li>
        <h2>我的损友</h2>
        <ul>
            <li>李白</li>
            <li>杜甫</li>
        </ul>
    </li>
    <li>
        <ol>
            <li>no</li>
            <li>no</li>
            <li>no</li>
        </ol>
    </li>
    <li>
        <h2>我的黑名单</h2>
        <ul>
            <li>小梅</li>
        </ul>
    </li>
</ul>
<script>
    window.onload = function () {
        var aUl = document.getElementsByTagName('li')
        var len = aUl.length;
        var aLi = null;
        for (var i = 0; i < len; i++) {
            aLi = aUl[i].getElementsByTagName('li');
            for (var j = 0; j < aLi.length; j++) {
                aLi[j].style.border = '1px solid blue';
            }
        }
    }
</script>
</body>
</html>

转载于:https://www.cnblogs.com/bravolove/p/5978791.html