控制id与javascript中href匹配的元素

我试图通过点击一些链接的外部来实现简单的显示/隐藏内容。我可以。但是，我正努力用香草javascript实现这一点。基本上，我从

a

获取id的方式如下：

const id = e.target.getAttribute('href');

现在，我想使用这个

id

，但我不能。所以，我的问题是：

id.classList.remove('hidden');

我的演示：

const text=document.queryselectoral（'.content p>span'）；
const links=document.queryselectoral（'.link块a'）；
links.forEach（el=>{
el.addEventListener（'click'，e=>{
text.forEach（text=>text.classList.add（'hidden'）；
const id=e.target.getAttribute（'href'）；
//console.log（id）；
id.classList.remove（'hidden'）；
}); 
});
。隐藏{
显示：无；
}


内容1的示例文本。
内容2的示例文本。
内容3的示例文本。

id

值是字符串，而不是元素。但是该字符串可以与

document.querySelector

一起使用以查找该元素。例如：

const text=document.queryselectoral（'.content p>span'）；
const links=document.queryselectoral（'.link块a'）；
links.forEach（el=>{
el.addEventListener（'click'，e=>{
text.forEach（text=>text.classList.add（'hidden'）；
const id=e.target.getAttribute（'href'）；
//console.log（id）；
document.querySelector（id）.classList.remove（'hidden'）；
}); 
});
。隐藏{
显示：无；
}


内容1的示例文本。
内容2的示例文本。
内容3的示例文本。

谢谢您的帮助。