我有一个带有标题文本的 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>
我正在考虑这两种方法之间的性能优势(如果有的话)。因为我认为它涉及重绘和/或回流。
最佳答案
我认为你也应该考虑语义。有两个表示不同内容的 H3 标签肯定会让搜索引擎和使用不关心 CSS 的浏览器的人们感到困惑。
关于javascript - 什么是更好的?切换可见性或操作文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8486994/