双语网站中的html标题

基于中的代码，并感谢我在上获得的帮助，我成功地在html站点中使用了两种语言；这是我在导航栏中用于选择语言的代码：

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" id="dropdown06" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span lang="es">Idioma</span>
        <span lang="en">Language</span>
    </a>
    <div class="dropdown-menu" aria-labelledby="dropdown06">
        <a class="dropdown-item coll-navbar language">
            <span lang="es">English</span>
            <span lang="en">Español</span>
        </a>
    </div>
</li>

最后，这是正在运行的代码：

<div class="title col-12 col-md-8">
    <h2 class="align-center" lang="es"><strong>
            Costura</strong></h2>
    <h2 class="align-center" lang="en"><strong>
            Sewing</strong></h2>
</div>

肋骨

缝纫

网站以西班牙语开始，如果选择了英语，则下次从同一浏览器访问网站时将以英语开始（将以上次选择的语言开始）

我想更改标题中的语言以及正文中的文本，并且，按照中的建议，我已经尝试在jQuery位中使用

document.title=“new title”

，但由于某些原因，标题保持不变，只更改一次，然后在会话的其余部分保持不变。

---

提前感谢，

为什么不简单地使用CSS

html[lang]{display:none；}
html[lang=en][lang=en]{display:initial；}
html[lang=es][lang=es]{display:initial；}

谢谢，只是，这对我更改标题有什么帮助？而且，在任何情况下，这都可以替代jquery，不是吗？

<div class="title col-12 col-md-8">
    <h2 class="align-center" lang="es"><strong>
            Costura</strong></h2>
    <h2 class="align-center" lang="en"><strong>
            Sewing</strong></h2>
</div>