读书人

JavaScript怎么修改table上A连接的属性

发布时间: 2012-09-09 09:27:54 作者: rapoo

JavaScript如何修改table下A连接的属性值
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等类库。请问该如何写呢?

[解决办法]
<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>
大体这样试试
[解决办法]
+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++){……

[解决办法]
1楼的没有问题 测试可以通过的 建议你用火狐的FIREBUG跟踪一下
JScript code
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);            //}        }    }}
[解决办法]
JScript code
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/");    }} 

读书人网 >JavaScript

热点推荐