JavaScript如何修改table下A连接的属性值

Question

JavaScript如何修改table下A连接的属性值
例如:
<table id="tbl">
  <tr><td><a href="http://www.csdn.net">AA</a></td></tr>
   <tr><td><a href="http://www.csdn.net">AA</a></td></tr>
</table> 如何才能修改掉href的值呢！试几次把td单元格的内容给清空了！
不用Jquery等类库。请问该如何写呢？

Answer 1

<script type="text/javascript">
function init(){
var tds=document.getElementsByTagName("td");
for(var i=0;i<tds.length;i++){
var as=tds[i].getElementsByTagName("a");
for(var j=0;j<as.length;j++){
as[j].setAttribute("href","http://www.baidu.com");
}
}
}
window.onload=init;
</script>
大体这样试试

Answer 2

1楼的没有问题  测试可以通过的   建议你用火狐的FIREBUG跟踪一下function init(){
    var tb = document.getElementById("tbl");
    var tds=tb.getElementsByTagName("td");
    for(var i=0;i<tds.length;i++){
        var as=tds[i].getElementsByTagName("a");
        for(var j=0;j<as.length;j++){
            //if(as[j].tagName == "A"){
                as[j].setAttribute("href","http://www.baidu.com");
                alert(as[j].href);
            //}
        }
    }
}

Answer 3

$("#tbl a").attr("href","路径"）不过这样可能会出问题的，id是唯一的

Answer 4

这种多的话一般是用class的

Answer 5

window.onload = doit;function doit() {
if(!document.getElementById("tb1")) {
alert("error");
return false;
}
var table = document.getElementById("tb1");
var a = table.getElementsByTagName("a");
for(var i = 0; i < a.length; i++){
a[i].setAttribute("href","http://forum.csdn.net/SList/JavaScript/");
}
}差不多这样子吧