JavaScript中怎么 将图片的Url赋值给另一个图片

来源:百度知道 编辑:UC知道 时间:2024/06/04 03:24:47
<td align="center" style="width: 77px; height: 14px">
<input type="image" name="Image9" src="~/Images/200661215213862084b.gif" onclick="changeImage(this)"
Width="77px" ID ="Image9" runat="server"/> 
</td>

---------------------上面是调用JavaScript的控件,下面是JavaScript函数

function changeImage(e)
{

var filesrc=e.src;
var Imgsrc=document.getElementsByName("Image1");
Imgsrc.src=filesrc;

}
其中监视了下e.src是有值的 但document.getElementsByName("Image1").src
说未定义 运行完后图片没有切换 将图片的src赋值给另一个图片 该怎么写??
<input type="image" name="Image1" id= "Image1" src="" runat="server" Style="width: 420px; height: 533px" &#

document.getElementsByName("Image1")获得的不是一个元素而是一组元素,它是getElements而不是getElement,因此取出来的是数组。

因此应为
...
var Imgsrc = document.getElementsByName("Image1")[0];
...

这种情况,最好使用ID,不适用name

另外,为了浏览器兼容,e.src最好写成e.getAttribute('src')或e.setAttribute('src','xxx')

<td align="center" style="width: 77px; height: 14px">
<img name="Image9" src="../Images/200661215213862084b.gif" onclick="changeImage(this)"
Width="77px" ID ="Image9" runat="server"/>
</td>

---------------------上面是调用JavaScript的控件,下面是JavaScript函数

function changeImage(e)
{

document.getElementsById("Image1").src=e.src;

}

//Image1 被赋值的对象的 id

这说明图片Image1不存在,不知是不是这个地方你的本意是不是写i