文档.getElementbyId -一次获取多个id

document.getElementbyId - getting more than one id at once?

本文关键字：获取 一次 id getElementbyId 文档      更新时间：2023-09-26

是否可以在一个呼叫中隐藏多个弹出窗口?例如,

    ...onclick="document.getElementById('PopUp1').style.display = 'none' "...

我可以要求它立即获得id为PopUp2, PopUp3等元素吗?这是否可能通过简单的语法更改?

不，你不能在纯JavaScript中这样做。你最好从onclick事件中调用一个函数，然后循环遍历该函数中的弹出窗口:

function closePopups() {
    for (var i = 1; i <= 3; i++) {
        document.getElementById('PopUp' + i).style.display = 'none' 
    }
}

那么你的事件处理程序将是:

...onclick="closePopups()"...

这就是像jQuery这样基于选择器的框架非常非常有用的地方。在jQuery中，这两种方法都可以使用:

$("#myButton").click(function() {
    $("#Popup1, #Popup2, #Popup3").hide();
});

或者，如果你在所有想要隐藏的对象上设置一个通用的"class=popup"，你可以使用:

$("#myButton").click(function() {
    $(".popup").hide();
});
相关文章：