我想在Vanilla JS中显示和隐藏文本,不幸的是,我所能做的就是隐藏文本。我不知道该如何再次显示文字。
<button id="button">my button</button>
<div>
<p id="text">Hello</p>
</div>
这是js
const z = document.getElementById('text');
const y = document.getElementById('button');
y.onclick = () => {
z.style.display = 'none';
};
这也是一个toggle
与您可以参考元素的样式。
const z = document.getElementById('text');
const y = document.getElementById('button');
y.onclick = function() {
z.style.display = z.style.display === 'none' ? '' : 'none';
}
<button id="button">my button</button>
<div>
<p id="text">Hello</p>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句