求助：如何用js实现动态添加和删除图像

请教js高手：如何用js实现动态添加和删除html图像元素 例如：<img src=... /> 或者是<input type="image" src=..... />有劳各位大虾帮忙！ 小弟在此不甚感激 谢谢！

解决方案 »

  1.   

    document.getElementById("ID值").style.src="路径"
      

  2.   

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Untitled Page</title>
        <script language="javascript" type="text/javascript">
        function addImg()
        {
           var parentNode=document.getElementById("aaa");
           var childNode=document.createElement("img");
           childNode.src="ic1.gif";
           parentNode.appendChild(childNode);
        }
        function deleteImg()
        {
           var parentNode=document.getElementById("aaa");
           parentNode.removeChild(parentNode.firstChild);
        }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="aaa">
        </div>
        <div>
            <input id="Button1" type="button" value="button" onclick="addImg();"/>
            <input id="Button2" type="button" value="button" onclick="deleteImg();" /></div>
        </form>
    </body>
    </html>