javascript - 使用 JavaScript onClick 关闭窗口

Question

在我的网站上，我有 4 个 Windows(由 target1、target2、target3 和 target4 标识)。在这些 Windows 上，我想添加一个名为“关闭”的按钮，并使用 onClick 事件根据哪个窗口调用正确的函数。

function close_window1(){
    document.getElementById('target1').style.display = 'none';  
}

function close_window2(){
    document.getElementById('target2').style.display = 'none';  
}

function close_window3(){
    document.getElementById('target3').style.display = 'none';  
}

function close_window4(){
    document.getElementById('target4').style.display = 'none';  
}

我相信有比这更好的方法:

function close_window(){
    $(this).parents('div').style.display='none'
}

这只会关闭有事件的窗口，但它不起作用。

有人可以帮我吗？

Answer 1

您可以先将 id 作为函数的参数，如下所示:

function close_window(id) {
    document.getElementById(id).style.display = 'none';
}

这样你的按钮的点击就必须看起来像这样:“close_window('target1')”

您还可以通过从按钮开始向上移动 DOM 来找到要关闭的窗口。为了给您举个例子，我们需要查看实际的 HTML。