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

Question

我正在Node中构建一个Web应用程序，并使用passport 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>