在 HTML 中将标题更改为用户名

Question

我正在 Node 中构建一个 Web 应用程序，并使用护照 js 进行用户身份验证。我想知道在用户登录后如何更改标题中的标题。这是现在的样子：

        <div id="loginname">
            <a href="/login">Login</a>
        </div>

用户登录后，我希望“登录”更改为他们的用户名，并带有指向他们个人资料的 href。我该怎么做？

Answer 1

这是单页应用吗？似乎这不应该出现在登录后加载的页面上。但是，这里有一种方法可以通过添加元素 id 来使用 js 更改此元素。

<div id="loginname">
    <a id="some-id-here" href="/login">Login</a>
</div>

<script>
    document.getElementById("some-id-here").href = 'some-link-here';
    document.getElementById("some-id-here").innerHTML = 'username here';
</script>

或者如果你使用 jQuery，你可以使用这个脚本

<script>
    $('#some-id-here').href = 'some-link-here';
    $('#some-id-here').innerHTML = 'username here';
</script>