使用 Javascript 使跨度元素消失

Question

<span id="block1">
anything
<a onclick="FUNCTION()"><button>Do Magic</button></a>
</span>

<span id="block2">
magic
</span>

我需要 block1 消失和 block2 出现。 我该怎么做？

Answer 1

您可以通过将其style设置为display: none;来使block1消失。 并通过将其样式设置为 display: block2来显示 block2 display: block; .

 function magic() { document.getElementById('block1').style = 'display: none;' document.getElementById('block2').style = 'display: block;' }

 <span id="block1"> anything <a onclick="magic()"><button>Do magic</button></a> </span> <span id="block2" style="display: none;"> magic </span>