如何使用javascript设置页面加载值？

Question

我必须在加载页面时动态设置文本值.代码是......

$(document).ready(function() {
    //Function call
    setname();
});

function setname() {
  document.getElementById('loginname').value = localStorage.getItem("username");
}

<span class="text-muted text-xs block" id="loginname"></span> 

我从我的本地会话中获得了价值,但为什么他们不在我的loginname领域？我不知道为什么,请帮帮我.

Answer 1

span元素没有value属性 - 您需要设置innerText:

function setname() {
    document.getElementById('loginname').innerText = localStorage.getItem("username");
}

或者,您可以独占使用jQuery:

$(function() {
    $('#loginname').text(localStorage.getItem('username'));
});