美文网首页
面试题:点击网页标签显示标签名(包含兼容)

面试题:点击网页标签显示标签名(包含兼容)

作者: 奔跑的丸子129 | 来源:发表于2018-09-10 17:15 被阅读0次

    冒泡原理实现,废话不多说,直接上代码:

    <!doctype html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>点击显示标签名</title>
        </head>
        <body>
            <div>测试
                <span>我是span</span>
                <a >我是a</a>
            </div>
                  <p>我是p</p>
        </body>
        
        <script>
            var el = document.getElementsByTagName('body');
            el[0].onclick = function(event){
                var ev = event || window.event;//兼容普通浏览器和ie(ie8及以下没有event,只有window.event)
                var selected = ev.target || ev.srcElement;//兼容
                alert(selected.tagName);
                
            }
        </script>
    </html> 
    

    相关文章

      网友评论

          本文标题:面试题:点击网页标签显示标签名(包含兼容)

          本文链接:https://www.haomeiwen.com/subject/ymosgftx.html