Question

怎么用javascript操纵a标签的href属性？

<script type="text/javascript">
function change_img(img_src)
{
document.getElementsByName("bbb")[0].src=img_src;
document.getElementsByName("aaaa").href=img_src;
}
</script>

<a name="aaaa" href="aaa.jpg" ><img name="bbb" src="bbb.jpg" width="200" height="200"/></a>

点击下面图片，改变上面链接地址和图片
<img src="ccc" onclick="change_img(this.src)"/>

图片可以换了，但是连接没有变化，请JS高手帮忙

Answer 1

给<a>的外面加个<span>,然后修改<span>的innerHTML来处理.

<script type="text/javascript">
function change_img(img_src)
{
document.getElementsByName("myspan").innerHTML='"><a name="aaaa" href="'+img_src+' ><img name="bbb" src="'+img_src+'" width="200" height="200"/></a>';

}
</script>

<span id="myspan"><a name="aaaa" href="aaa.jpg" ><img name="bbb" src="bbb.jpg" width="200" height="200"/></a></span>

Answer 2

为何不用ID？

<script type="text/javascript">
function change_img(img_src)
{
document.getElementsByName("bbb")[0].src=img_src;
document.getElementById("aaaa").href=img_src;
}
</script>

<a name="aaaa" id="aaaa" href="aaa.jpg" ><img name="bbb" src="bbb.jpg" width="200" height="200"/></a>

点击下面图片，改变上面链接地址和图片
<img src="ccc" onclick="change_img(this.src)"/>

Answer 3

function change_img(img_src)
{
document.getElementsByName("bbb")[0].src=img_src;
document.getElementsByName("aaaa").href=img_src;
}
改成:
function change_img(img_src)
{
document.getElementsByName("bbb")[0].src=img_src;
document.getElementsByName("aaaa")[0].href=img_src;
}
------
getElementsByName得到的是一个数组..所以[0]即是指第一个

Answer 4

你把
document.getElementsByName("aaaa").href=img_src;
换成
document.getElementsByName("aaaa").setAttribute("href","你的新连接地址");
试试

Answer 5

因为你在下面也得写个[0]啊

要不你就给一个ID

用getElementById("")