通过按钮或单选按钮显示/隐藏图像

时间:2014-01-27 16:25:58

标签: image button radio

我是编码的新手,所以我正在寻找最简单的方法,可以根据一个按钮或通过单选按钮控制来拍摄和显示或隐藏它。目前图像是打开的,但我可以使用任何推荐的方法。如果可能来自我网站上的其他页面。

1 个答案:

答案 0 :(得分:0)

对于按钮,您可以使用

<html> 
<body> 
    <script type="text/javascript">
            function addimage() { 
              var img = document.createElement("img");
              img.src = "IMAGE_URL_HERE"; 
              img.height = IMAGE_HEIGHT; 
              img.width = IMAGE_WIDTH;

              //optionally set a css class on the image
              var class_name = "foo";
              img.setAttribute("class", class_name);

              document.body.appendChild(img);
            } 
     </script> 
</head> 
<body>
        <button onclick="addimage();">Click</button> 
</body> 
</html>