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

How to set value on page load using javascript?

本文关键字：加载 设置 何使用 javascript      更新时间：2023-09-26

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

$(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字段?我不知道为什么，请帮帮我。

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

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元素，所以你不能为它设置value属性。您需要设置innerText:

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

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

function setname() {
    document.getElementById('loginname').innerHTML = localStorage.getItem("username");
}
相关文章：