javascript - 如何在javascript中单击超链接时更改图像？

Question

这将在页面加载时运行

<TD width=115 >
    <a href="#" onclick="some functions"> Expand All</a>
</TD>

<TD align=left>
    <a href="#"><IMG id="img1" border=0 alt="" src="expand.png">12345 </a>
</TD>

默认情况下，expand.png图像将显示为12345.. 我的问题是，如果我点击展开所有链接，我需要将图像“expand.png”更改为“collapse.png”。在javascript中可以吗？

Answer 1

必须是纯JS吗？

Jquery:

$('#button').click(function(){
     $('#withImage').attr('src', 'collapse.png');
});

您必须向 TD 提供类别或 ID

纯JS:

document.getElementById('button').onClick(runFunction());

function runFunction(){
   document.getElementById('withImage').src = 'collapse.png';
}

第一行代码告诉脚本，当 ID 为“button”的标签 (

在函数中，您告诉脚本 ID 为“withImage”的标签应将其属性“src”更改为“collapse.png”。