获取<a>标签的文本

怎样获取<div>当中的指定<a>标签的文本<div id=div>
<li>
<a href="#">A</a>
<a href="#">B</a>
<a href="#">C</a>
<a href="#">D</a>
</li>
</div>比如怎么获取C

解决方案 »

  1.   

    var obj=this.getElementsByTagName('a')[2].innerHTML
      

  2.   

    <script type="text/javascript" src="jquery.js"></script>
    <script>
    function GetValue(i)
    {
      var obj= $("#div a");
      alert(obj[i].innerText);
    }
    </script>
    <input type="button" onclick="GetValue(2)" value="测试" />
    <div id=div>
    <li>
    <a href="#">A</a>
    <a href="#">B</a>
    <a href="#">C</a>
    <a href="#">D</a>
    </li>
    </div>
      

  3.   

    用js获取：
    var div=document.getElementById("div");
    var anchors=div.getElementsByTagName("a");
    alert(anchors[2].innerHTML);用asp.net获取：
    <a id="a3" href="#" runat="server">C</a>
    后台cs文件：Response.Write(a3.InnerHtml);
      

  4.   

    <div id=div>
    <li>
    <a href="#">A</a>
    <a href="#">B</a>
    <a href="#">C</a>
    <a href="#">D</a>
    ...
    <a href="#">x</a>
    <a href="#">y</a>
    <a href="#">z</a>
    </li>
    </div>
    我想点击<a>来获取它的文本
      

  5.   

    你的js方法里传个参数嘛，调用的时候传this，js方法里用参数.innerHTML获取文本
      

  6.   


    <script type="text/javascript">
    function test(){
    alert(document.getElementsByTagName("a")[0].innerText);
    }
    </script><a href="javascript:test()">A</a>document.getElementsByTagName("a")是获取所有<a>标签,
    [0]表示取第一个标签,innerText就是它的文本内容A你写两个超链接，document.getElementsByTagName("a")获取的标签数就是两个，
    文本内容依次是
    document.getElementsByTagName("a")[0].innerText
    document.getElementsByTagName("a")[1].innerText写三个，标签数就是三个，文本内容依次是
    document.getElementsByTagName("a")[0].innerText
    document.getElementsByTagName("a")[1].innerText
    document.getElementsByTagName("a")[2].innerText
      

  7.   


    <a href="#" onclick="test(this)">x</a>
    <a href="#">y</a>
    <a href="#">z</a><script type="text/javascript">
    function test(obj){
        alert(obj.innerText);
    }
    </script>
      

  8.   


    //js
            function show(){
                var txt = document.getElementById("div").getElementsByTagName("a");
                alert(txt[1].innerHTML)
            }
    //jq
            $(document).ready(function(){
                var txt = $("#div a").eq(1).html();
                alert(txt);
            })
      

  9.   

    <script type="text/javascript">
    function txt(obj)
    {
        alert(obj.innerText);
    }
    </script>
    <div id=div>
    <li>
    <a href="#" onclick="txt(this)">A</a>
    <a href="#">B</a>
    <a href="#">C</a>
    <a href="#">D</a>
    </li>
    </div>
      

  10.   

    <!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 language="javascript">
    function attach(o,e,f){
      if (document.attachEvent)
        o.attachEvent("on"+e,f);
      else if (document.addEventListener)
        o.addEventListener(e,f);
    }
    attach(window,"load",function(){
    if (document.all&&document.getElementById) {
    navRoot = document.getElementById("aa");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];
    if (node.nodeName=="A") {node.onclick=function() {
    alert(this.innerText);
     } 
     } }}
    })
    </script>
    </head><body>
    <form runat="server">
    <div id="div">
    <li id="aa">
    <a href="#">A</a>
    <a href="#">B</a>
    <a href="#">C</a>
    <a href="#">D</a>
    ...
    <a href="#">x</a>
    <a href="#">y</a>
    <a href="#">z</a>
    </li>
    </div>
    </div>
    </body>
    </html>