如何使onclick事件div背景图像？

Question

我在html中创建了一个div并为其分配了一个背景图像，我想对该照片进行onclick事件，并且不知道如何，这就是div：

.add_btn {
background-color: #099;
position: absolute;
height: 35px;
width: 200px;
background-image: url(img/add.png); 
background-repeat: no-repeat;
background-position: center center;
top: 265px;

Answer 1

您没有提供有关DOM的任何信息，除非您有该类的元素。 很难给出一个好的答案，但我会尝试。

以下代码将使用add_btn类将函数附加到所有元素的onclick事件。

document.getElementsByClassName("add_btn").onclick =
    function () { 
        alert("Hello"); 
    };

Answer 2

无法点击背景图片。 因为你有一个前景层。 但您可以使用此JQuery进行前景图像点击...

$('.className > .Inner_Classname2= > img').click(function(e) {
alert("Ok");    
 });