如何用滑鼠點選頁面中的任意標籤,彈出該標籤的名稱.
阿新 • • 發佈:2018-12-17
話不多說,看程式碼
<!DOCTYPE> <html> <head> <meta charset="UTF-8"> <title>滑鼠點選頁面中的任意標籤,alert該標籤的名稱</title> <style> .box{ height: 100px; background:red; } span{ background:green; } p{ background:blue; } ul{ background:black; } li{ background:yellow; } </style> </head> <body> <div class="box">這是div標籤 <p>這是div標籤裡的p標籤</p> <span>這是div標籤裡的span標籤</span> </div> <p>這是p標籤</p> <span>這是span標籤</span> <ul> <li>這是li標籤</li> <li>這是li標籤</li> <li>這是li標籤</li> </ul> </body> <script type="text/javascript"> document.onclick = function(e){ var e = window.event || e; var tag = e["target"] || e["srcElement"]; alert(tag.tagName); }; </script> </html>