一组span的点击事件

outye 2010-05-28 10:27:49

假如html代码如下:



<span id="c1" class="c">

   xxx

</span>

<span id="c2" class="c">

   yyy

</span>

<span id="c3" class="c">

   zzz

</span>

我想点击xxx时弹出所在span的id，即"c1",点击yyy时弹出"c2",点击zzz时弹出"c3".
请问怎样做

...全文

417 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

北京不不 2010-05-28

打赏
举报

Mr-Jee 2010-05-28

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

	window.onload = function()	{

		var spans = document.getElementsByTagName("span");

		for(var i = 0; i < spans.length; i++) {

			spans[i].onclick = function()	{

				alert(this.id);

			};

		}

	};

</script>

<style>

.c	{

	width:30px;

	height:20px;

	line-height:20px;

	background-color:red;

	cursor:pointer;

	margin:3px;

}

</style>

</head>



<body>

<span id="c1" class="c">

   xxx

</span>

<span id="c2" class="c">

   yyy

</span>

<span id="c3" class="c">

   zzz

</span>

</body>

</html>

ad0128 2010-05-28

打赏
举报

function showClasName(obj){

alert(obj.id);

}

   <span id="c1" class="c" onclick="showClasName(this)">

   xxx

</span>

<span id="c2" class="c" onclick="showClasName(this)">

   yyy

</span>

<span id="c3" class="c" onclick="showClasName(this)">

   zzz

</span>