Javascript 隐藏链接中调用的除一个之外的所有DIV

所以，这有点离题，但我发现有人在帖子中很好地解释了这个问题。但遗憾的是，我找不到它。
所以我在这里要问，是否有可能在一个页面上用JS隐藏所有

div

（带ID），并且让我们通过链接URL显示一个或多个

div

s。比如说：

www.mysite.net/games？id=（\u div的id）

然后它应该出现在站点上，而不是其他任何一个。

---

我想要的是所有的

div

s都是隐藏的，只显示URL调用的

？id=[id of the div]

不确定我的问题是否正确，但这是你想要的吗

var divs = document.getElementsByTagName("div");

var id = window.location.href.split("=")[1];

divs.map(function(div) {

if(div.id !== id) { div.style['display'] = "none"; }
else { div.style['display'] = "block"; }

});

---

苏欧。以下是我自己问题的答案：

HTML：

<div hidden id="1">
  <h1>Hello Manager</h1>
  <p>What would you like to do today?</p>
  <button>View Dashboard</button>
</div>

<div hidden id="2">
  <h1>Hello employee</h1>
  <p>What would you like to do today?</p>
  <button>Clock In</button>
</div>

<div hidden id="3">
  <h1>Hello Owner</h1>
  <p>What would you like to do today?</p>
  <button>Test id</button>
</div>

你好，经理
你今天想做什么

查看仪表板
你好，员工
你今天想做什么

打卡
你好，主人
你今天想做什么

测试id

还有JavaScript：

// Get query parameter
// Source: https://css-tricks.com/snippets/javascript/get-url-variables/
function getQueryParameter(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  }
  return (false);
}

// Capture the `ID` query parameter from the URL.
var id = getQueryParameter('id')
if(id.toLowerCase() === '1') {
  $('#1').show();
} else if(id.toLowerCase() === '2') {
  $('#2').show();
} else if(id.toLowerCase() === '3') {
  $('#3').show();
}

//获取查询参数
//资料来源：https://css-tricks.com/snippets/javascript/get-url-variables/
函数getQueryParameter（变量）{
var query=window.location.search.substring（1）；
var vars=query.split（&）；
对于（变量i=0；i

---

下面是一个有效的例子：

对此并不确定。因为我在所有编程方面都是新手，你能给我举个例子，比如说2div，id1和id2，我该如何设置它们？还是原子的？xD im如此愚蠢，我想要的是所有div都被隐藏，只显示url调用的div？id=[id]