Question

我正在寻找最简单的解决方案，我似乎无法做到这一点！

我尝试了很多组合，似乎没有什么工作正常，这是我到目前为止所做的：

<div id="hideme" onclick="hideme();">HIDE THIS DIV</div>

<script>
function hideme(this) {
this.parentNode.parentNode.style.display = 'none';
}
</script>

我想以这种方式做到这一点，以便可以轻松隐藏不同的div id

Answer 1

以下是使用onclick html属性执行此操作的方法：

HTML：

<div id="hideme" onclick="hideme(this)">HIDE THIS DIV</div>

的javascript：

function hideme(element) {
    element.style.display ="none";
};

jsFiddle

有几种不同的方法可以做到这一点，这是另一种方式：

HTML：

<div id="hideme">HIDE THIS DIV</div>

的javascript：

document.getElementById("hideme").addEventListener("click",
    function() {
        this.style.display ="none";
    }, false
);

这是jsFiddle

另一种方式：

HTML：

<div id="hideme">HIDE THIS DIV</div>

的javascript：

document.getElementById("hideme").onclick = function() {
        document.getElementById("hideme").style.display ="none";
    };

那是jsFiddle。

Answer 2

你错过了传递给hideme的上下文：

<div id="hideme" onclick="hideme(this);">HIDE THIS DIV</div>

然后直接引用元素并将其display设置为none

function hideme(ele) {
    ele.style.display = 'none';
}

demo - jsBin

单击时隐藏所选元素或DIV

2 个答案: