javascript - 使用document.getElementById和部分ID名称

希望您能为我解决这个问题...我的代码:

function showIt() {
  document.getElementById("gatewayContainerstacks_in_9_page4").style.visibility = "hidden";
}
setTimeout("showIt()", 2500); // after 2.5 sec

我想在2.5秒后隐藏div。它工作正常，但问题是我要定位的div是动态的。只有第一个单词始终是相同的(gatewayContainerstacks)。之后，ID是动态的(_in_9_page4部分)。有没有一种方法可以使代码从gatewayContainerstacks开始搜索div？我将不胜感激..谢谢...

最佳答案

使用document.querySelector():

function showIt() {
  document.querySelector('[id^="gatewayContainerstacks"]').style.visibility = "hidden";
}
setTimeout("showIt()", 2500); // after 2.5 sec

顺便说一句，请不要将showIt()放在引号中，最好引用该函数本身:

setTimeout(showIt, 2500);