getElementsByTagName("name")[n]用这种方式正确吗？

<title>无标题文档</title>
<script type="text/ecmascript">
function changeLink(){
var firstLink = document.getElementsByTagName("a")[0];
if(firstLink.href == "search.html"){
firstLink.href = "http://www.google.com";
}
}
window.onload = changeLink;
</script>
</head><body>
<a href="search.html">导航</a>
<a href="#">首页</a>
</body>
<title>无标题文档</title>
<script type="text/ecmascript">
function changeLink(){
var firstLink = document.getElementsByTagName("a");
for(var i=0;i<firstLink.length;i++){
if(firstLink[i].href == "search.html"){
firstLink[i].href = "http://www.google.com";
}
}
}
window.onload = changeLink;
</script>
</head><body>
<a href="search.html">导航</a>
<a href="#">首页</a>
</body>
写成下面这种样子也不会把链接地址换了

解决方案 »

  1.   


    <title>无标题文档</title>
    <script type="text/ecmascript">
    function changeLink(){
        var firstLink = document.getElementsByTagName("a");
        for(var i=0;i<firstLink.length;i++){
            if(firstLink[i].getAttribute('href') == "search.html"){
                firstLink[i].setAttribute('href', "http://www.google.com")2;
            }
        }
    }
    window.onload = changeLink;
    </script>
    </head><body>
    <a href="search.html">导航</a>
    <a href="#">首页</a>
    </body>
    要用get和set Attribute()
      

  2.   

    firstLink[i].setAttribute('href', "http://www.google.com") 2  ;//多个2.
      

  3.   

    看来是教程有问题，document.getElementsByTagName("a")[0]这种方式不能获取吗？
      

  4.   

    不是教程问题。。而是你理解的事。。只是有些属性我们不能这得到罢了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
    <head>
    <title>无标题文档</title>
    <script type="text/ecmascript">
        function changeLink() {
            
            var firstLink = document.getElementsByTagName("a");
            for (var i = 0; i < firstLink.length; i++) {
                alert(firstLink[i].id);
                if (firstLink[i].href == "search.html") {
                  
                    
                    firstLink[i].href = "http://www.google.com";
                }
            }
        }
        window.onload = changeLink;
    </script>
    </head>
    <body>
    <a href="search.html" id='aaa'>导航</a>
    <a href="#" id='bbb'>首页</a></body>
    </html>
      

  5.   

    说的也不完全正确。。只是得到的地址不是search.html
    而是
    http://localhost:26248/WebSite15/search.html
    你可以 alert(firstLink[i].href);这样试试
      

  6.   


    <title>无标题文档</title>
    <script type="text/ecmascript">
    function changeLink(){
        var firstLink = document.getElementsByTagName("a")[0]; if(firstLink.getAttribute('href') == "search.html"){
    firstLink.setAttribute('href', "http://www.google.com");
    }
    }
    window.onload = changeLink;
    </script>
    </head><body>
    <a href="search.html">导航</a>
    <a href="#">首页</a>
    </body>
      

  7.   

    直接.href 赋值是乎没有效
      

  8.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
    <head>
    <title>无标题文档</title>
    <script type="text/ecmascript">
        function changeLink() {
            
            var firstLink = document.getElementsByTagName("a");
            for (var i = 0; i < firstLink.length; i++) {
                alert(firstLink[i].href);
                if (firstLink[i].href == "http://localhost:26248/WebSite15/search.html") {
                  
                    
                    firstLink[i].href = "http://www.google.com";
                }
            }
        }
        window.onload = changeLink;
    </script>
    </head>
    <body>
    <a href="search.html" >导航</a>
    <a href="#" >首页</a></body>
    </html>有些东西是需要自己亲手去试的。。上面是我在本地测试的。。
      

  9.   

    <html>
    <head>
    <script type="text/javascript">
    function getElements()
    {
    var x = document.getElementsByTagName("input");
    alert(x.length);
    var myParagragh = document.getElementsByTagName("p")[1];
    alert(myParagragh.firstChild.nodeValue);
    }</script>
    </head>
    <body>
    <input name="myInput" type="text" size="20" value="input1" /><br /><br />
    <input name="myInput" type="text" size="20" value="input2" /><br /><br />
    <input name="myInput" type="text" size="20" value="input3" /><br /><br />
    <input type="button" onclick="getElements()" value="有几个input元素？" />
    <p><b>定义</b></p>
    <p>getElementsByTagName() 方法可返回带有指定标签名的对象的集合。</p>
    <p><b>说明</b></p>
    <p>getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。</p>
    </body>
    </html>
    可以参考http://www.w3school.com.cn/index.html学习下
      

  10.   

    7楼写法是可以的。。alert(firstLink[i].href);你把它的HREF输出来看看再作判断不就行了？！
      

  11.   

    我只是证明给你看document.getElementsByTagName("a")[0]这种方式是能获取的