方法一:
我们的连接A元素代码为:
<a href="java:void(0)" onclick="GetID(this)" class="CSS" id="变量">文字</a>
那么对应的JS代码为:
<script type="text/javascript">
function GetID(obj) {
//alert(obj.id);
//alert(obj.getAttribute("id"));
//ID = obj.id;
var ID = obj.getAttribute("id");
alert(ID);
}
</script>
方法二:
我们的连接A元素代码为:
<a href="###" class="CSS" id="变量">文字</a>
那么对应的JS代码为:
<script type="text/javascript">
$("a").click(function(){
var ID = ($(this).attr('id'));
alert(ID);
});
</script>
方法二的扩展:
上面方法二在项目中应用的时候会发现,页面中所有的A元素点击时都会调用JS脚本,所以在这里进一步修改。
<div id="myid">
<a href="###" class="CSS" id="变量">文字</a>
<a href="###" class="CSS" id="变量">文字</a>
<a href="###" class="CSS" id="变量">文字</a>
</div>
<script type="text/javascript">
$("#myid a").click(function(){
var ID = ($(this).attr('id'));
alert(ID);
});
</script>
这样一来就只有DIV元素中的A连接元素才会生效。