我该怎么办?我试图在javascript中创建一个图像是一个按钮

时间:2015-09-17 16:42:03

标签: javascript image

;; updated to use map-indexed and some-fn as suggested by @Andre

(defn partitions
  [preds coll]
  (let [party-fn (apply some-fn 
                        (map-indexed (fn [idx pred] 
                                       #(when (pred %1) idx))
                                     preds))]
    (partition-by party-fn coll)))   

;; output
(partitions [ #(< %1 3) #(<= 3 %1 5) #(>= %1 6)] (range 10))
((0 1 2) (3 4 5) (6 7 8 9))

想知道我怎么做到这一点。我试图在javascript中创建一个图像是一个按钮。有没有比我做得更好的方式?

2 个答案:

答案 0 :(得分:0)

function button1 () {
    var btn = document.createElement("BUTTON");      
    var myimg = document.getElementById("myImg").src = "Play.png";
    alert(myimg); // "Play.png", myimg is a string, not a DOM element
//  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    btn.appendChild(myImg);                                
    document.body.appendChild(btn);                  
}

这个东西不是火箭科学吗?只需简单地逐步写下来:

function create_button() {
    var button = document.createElement("button");      
    var img = document.createElement("img");
    img.src = "Play.png";
    button.appendChild(img);
    document.body.appendChild(button);
}

这将使图像可以点击:

function create_button() {
    var img = document.createElement("img");
    img.addEventListener("click", function () {
        alert("hi");
    });
    document.body.appendChild(img);
}

您还可以设置按钮的样式,使其看起来不在那里:

button.nochrome {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

https://jsfiddle.net/fnno6r3g/

答案 1 :(得分:0)

只需使用javascript将事件监听器附加到您的img:

<img src="http://ingridwu.dmmdmcfatter.com/wp-content/uploads/2015/01/placeholder.png" height="200px"/>
<script>
    document.querySelector("img").addEventListener("click", function(){
        alert("do something");
    });
</script>

然后它将充当“按钮” - 当您单击它时它会执行某些操作