JavaScript如何获取被选中的a标签的值

来源：互联网发布：宣传片制作知乎编辑：程序博客网时间：2024/06/02 00:51

JavaScript难点解答：要获得指定的a标签的值，我们首先要用JavaScript找到这个a标签，这是一个难点，如何获取被选中的A标签的值，通过下面这种方法，我们就可以获得a标签的href的值，还可以获得a标签的innerHTML，这里我们使用的是原生的JavaScript代码，没有框架。

第一部分：JavaScript代码

//获取被选中的a标签的值
function getUrl(e) {
    e = e || event;
    var target = e.target || e.srcElement,
        href;
    if (target.tagName === 'A') {
        href = target.href;
        alert(href);
    }
}

第二部分：html代码

这种获取选中标签的方式，是通过监听body来实现的，所以body上要增加这个onclick事件

第三部分：html代码

<div id="container">
   <table class="zebra">
       <thead>
           <tr>
           <th><a href="javascript:void(0)" onclick="gotoFirstPage();">首</a></th>
           <th>上</th>
<c:forEach items="${total_pages}" var="item" begin="0" end="9">
            <input type="hidden" id="current_Page" value="${item}"/>
            
            <th><a href="<%=basePath%>mysqlQueryPage.action?current_page=${item}" onclick="getUrl(e);return false;">${item}</a></th>
</c:forEach>
           <th>下</th>
           <th>尾</th>
           <th>到第XXX页</th>
            </tr>
       </thead>
   </table>
</div>

效果图：

0 0