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'));
});

Answer 2

尝试使用jquery运算符设置值：

编辑：看似跨度没有val属性，而是需要设置文本属性，在解决方案中编辑

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

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

Answer 3

由于它是span元素，因此您不能拥有value属性。您需要设置innerText：

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

你也可以通过innerHTML这样做： -

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

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

3 个答案: