如何导入图像/点击按钮更改它们? JavaScript的

时间:2012-11-21 02:03:12

标签: javascript button photo

我正在尝试严格使用JavaScript从我服务器上的文件夹中导入图像,以便我可以在按钮点击时使用新图像将其切换出来。我知道如何使用HTML导入照片,但有没有办法通过JavaScript实现?做这个的最好方式是什么?任何帮助,指导或示例将不胜感激。

1 个答案:

答案 0 :(得分:1)

您可以在页面上的dom元素中嵌入图像。这是一个非常简单的示例html文件,它假设myimage.jpg文件位于同一目录中。有关javascript的更多信息,请查看w3schools

<html>
    <head>
    <script type="text/javascript">
    function btnClick()
    {
        spanElement = document.getElementById("imgContainer");
        spanElement.innerHTML = '<img src="myimage.jpg" />';
    }
    </script>
    </head>
    <body>
        <button onclick="btnClick()">Show Image</button>
        <span id="imgContainer"></span>
    </body>
</html>