我有一个不错的HTML和CSS命令，但是涉及Javascript时却是一个完整的新手。
我有一个简单的HTML页面，我想在其上添加一个按钮，以切换已经包装在span类中的文本的显示，例如
<span class="xxx">TEXT</span>
我正在使用两个单独的跨度类，理想情况下，我希望单击一个按钮来显示/隐藏这两个。
现在，我正在使用CSS通过“ Display：none”属性将其隐藏。
你能告诉我如何做到这一点吗？希望这个清楚，谢谢。
这应该可以工作（ES6）：
let btn = document.getElementById('btn');
let toggle = document.querySelectorAll('.toggle');
btn.onclick = () => {
for(let x of toggle) {
x.classList.toggle('hide');
}
};.toggle.hide {
display: none;
}<button id="btn">Toggle</button>
<p>Name: <span class="toggle name">John</span></p>
<p>Age: <span class="toggle age">20</span></p>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句