javascript - 如何在 css/js 中显示点击？

Question

只是想知道当我点击一个按钮时如何让点击显示这个词“电话”将更改为“+971235051”

<button type="button" class="btn btn-primary">Phone</button>
<span>+971235051</span>

有什么提示吗？我找到了一个开关，但找不到点击显示。

谢谢

Answer 1

您可以为此使用:focus。检查下面更新的片段...

.num, button:focus .txt  {
  display: none;
}
button:focus .num {
  display: block;
}

<button type="button" class="btn btn-primary"><span class="txt">Phone</span>
<span class="num">+971235051</span>
</button>