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

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

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

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

---

我从本地会话中获取值，但为什么不在我的

loginname

字段中设置它们？我不知道为什么，请帮助我。

span

元素没有

值

属性-您需要设置

innerText

：

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

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

或者，您可以专门使用jQuery：

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

---

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

编辑：span似乎没有val属性，您需要设置文本属性，在解决方案中编辑

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

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

---

因为它是

span

元素，所以您不能为它设置

值

属性。您需要设置

innerText

：

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

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

您可以通过

innerHTML

执行此操作，如下所示：-

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

---

你能把你的表格包括在内吗为什么要将其标记为PHP？您所展示的代码没有明显的错误。加载时DOM中是否存在

loginname

元素？是否在localStorage中设置了

username

值@皮尤斯把这句话写进了警报（localStorage.getItem（“用户名”）；在

setname（）

中，查看您得到了什么。document.getElementById（'loginname'）。innerHTML=localStorage.getItem（“用户名”）；你们能给我反馈一下为什么你们否决这个吗？我就是这样做的，它有什么问题吗？它被否决了，因为

val（）

方法用于具有

value

属性的元素，而

span

属性没有。我否决的原因是/是，正如其他答案中所述，span没有值，应该使用innterText，其次，OP使用的代码本身并没有错，所以改为jQuery不会解决这个问题。当我写这个答案时，没有其他答案，我也不知道spans没有val，但现在已经编辑过了：Dtanks RoryMcCrossan@piyush没问题，很乐意帮忙