JS获取A元素动态ID值

方法一：

我们的连接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连接元素才会生效。