1. 程式人生 > >如何用滑鼠點選頁面中的任意標籤,彈出該標籤的名稱.

如何用滑鼠點選頁面中的任意標籤,彈出該標籤的名稱.

話不多說,看程式碼

<!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>