遍历元素

tanli49

于 2018-03-28 20:21:58 发布

阅读量247

点赞数

本文链接：https://blog.youkuaiyun.com/u013756192/article/details/79733243

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript">
        var clickHandler= function(){
            debugger;
            var target = event.target;
            var result = [];
            do{
                var temp = "";
                temp += target.nodeName.toLowerCase();
                if(target.id){
                    temp += "#" + target.id;
                }
                if(target.className){
                    target.className.split(" ").forEach(function(value){
                        temp += "."+value;
                    });
                }
                result.push(temp);
                target = target.parentElement;
            }while(target)
            console.log(result.reverse().join(" "));
        }
        document.οnclick=clickHandler;
    </script>
</head>
<body>
    <button id="mybtn" class="btn my-btn">btn</button>
    <div id="page">
        <div class="main">
            <div class="menu">
                <ul>
                    <li></li>
                    <li></li>
                </ul>
             </div>
        </div>
    </div>
</body>
</html>