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

最新推荐文章于 2024-07-24 02:12:06 发布

春秋战国程序猿

最新推荐文章于 2024-07-24 02:12:06 发布

阅读量1.2w

点赞数

分类专栏： Java开发 web前端文章标签： javaWeb开发 web开发 javascript jsp spring mvc

本文链接：https://blog.csdn.net/reggergdsg/article/details/50379981

版权

Java开发同时被 2 个专栏收录

49 篇文章 2 订阅

订阅专栏

web前端

14 篇文章 0 订阅

订阅专栏

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)" οnclick="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}" οnclick="getUrl(e);return false;">${item}</a></th>
</c:forEach>
           <th>下</th>
           <th>尾</th>
           <th>到第XXX页</th>
            </tr>
       </thead>
   </table>
</div>