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

ChinaCompass 2012-08-22 01:56:39
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等类库。请问该如何写呢?
...全文
176 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
ChinaCompass 2012-08-22
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 的回复:]

JScript code

window.onload = doit;

function doit() {
if(!document.getElementById("tb1")) {
alert("error");
return false;
}
var table = document.getElementById("tb1");
……
[/Quote]

谢谢!我试一试
ChinaCompass 2012-08-22
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 的回复:]

1楼的没有问题 测试可以通过的 建议你用火狐的FIREBUG跟踪一下
JScript code

function init(){
var tb = document.getElementById("tbl");
var tds=tb.getElementsByTagName("td");
for(var i=0;i<tds.length;i++){
……
[/Quote]
我在试一试
jasonc3721 2012-08-22
  • 打赏
  • 举报
回复

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","https://forum.csdn.net/SList/JavaScript/");
}
}

差不多这样子吧
goright12 2012-08-22
  • 打赏
  • 举报
回复
这种多的话一般是用class的
goright12 2012-08-22
  • 打赏
  • 举报
回复
$("#tbl a").attr("href","路径")不过这样可能会出问题的,id是唯一的



静缘 2012-08-22
  • 打赏
  • 举报
回复
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);
//}
}
}
}
ChinaCompass 2012-08-22
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 的回复:]

+1引用 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;……
[/Quote]

错误: 对象不支持此属性或方法
licip 2012-08-22
  • 打赏
  • 举报
回复
+1[Quote=引用 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++){……
[/Quote]
ChinaCompass 2012-08-22
  • 打赏
  • 举报
回复
[Quote=引用 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++)……
[/Quote]

还是不行,报错!

--------------
错误: 对象不支持此属性或方法
似梦飞花 2012-08-22
  • 打赏
  • 举报
回复
<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>
大体这样试试

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧