javascript - 什么是更好的？切换可见性或操作文本

Question

我有一个带有标题文本的 div，如下所示:

<div class="vehicleCntr" id="vehicles">
    <div class="header">
        <h3 id="name"> Trucks </H3>
    </div>

标题 H3 中的文本只能采用 2 个值:卡车或汽车。除了这两个值之外，永远不会有其他值。单击汽车超链接时，标题必须更改为“汽车”，单击卡车超链接时，标题必须更改为“卡车”。

我应该删除 h3 的文本并在每次单击时替换它，还是应该有 2 个如下所示的 H3 并切换可见性:

 <div class="header">
        <h3 id="trucks"> Trucks </H3>
        <h3 id="cars"> Cars</H3>
    </div>

我正在考虑这两种方法之间的性能优势(如果有的话)。因为我认为它涉及重绘和/或回流。

Answer 1

我认为你也应该考虑语义。有两个表示不同内容的 H3 标签肯定会让搜索引擎和使用不关心 CSS 的浏览器的人们感到困惑。