Javascript 如何根据url参数隐藏/显示元素

我有4个url参数，如下所示

http://127.0.0.1:4000/post?&id=5f04698e6114e4069099d8bf#like
http://127.0.0.1:4000/post?&id=5f04698e6114e4069099d8bf#comment
http://127.0.0.1:4000/post?&id=5f04698e6114e4069099d8bf#share
http://127.0.0.1:4000/post?&id=5f04698e6114e4069099d8bf#save

还有4个像 html

搜索url参数时如何取消隐藏元素， 例如，如果我搜索

http://127.0.0.1:4000/post?&id=5f04698e6114e4069099d8bf#like

id='like的div现在应该可见了

我试过的 我尝试在单击按钮时取消隐藏元素，并且成功地使用了classList.toggle'hide' 但是我如何通过改变url来实现同样的效果呢。如果类列表是根据url设置的，我将是最好的，例如当url中有like时，id为like的元素不应该再包含类hide。其他答案也可以接受，谢谢

---

不需要JavaScript。使用CSS选择器，如：

#like.hide:target {display:block;}

.隐藏{ 显示：无； } 比如，隐藏：目标， comment.hide:target， share.hide:target， 保存。隐藏：目标{ 显示：块； } 喜欢 议论 共有 拯救

---

不需要JavaScript。使用CSS选择器，如：

#like.hide:target {display:block;}

.隐藏{ 显示：无； } 比如，隐藏：目标， comment.hide:target， share.hide:target， 保存。隐藏：目标{ 显示：块； } 喜欢 议论 共有 拯救

---

JavaScript方法如下所示：

like.style.display=none

---

如果您喜欢，可以实现if语句来触发该行。

JavaScript方法如下：

like.style.display=none

如果这是您喜欢的，您可以实现if语句来触发该行。

请添加您的Html。请添加您的Html。

#like.hide:target {display:block;}