Javascript 更改页面加载上的HTML按钮值

Javascript 更改页面加载上的HTML按钮值,javascript,html,jquery,css,ajax,Javascript,Html,Jquery,Css,Ajax,我有一个登录页面,我使用var unameVar=localStorage.getItem('uname')将本地存储密钥的值(即从登录页面获取的用户名)存储到一个变量中。现在我想将unameVar的值分配给一个按钮。简而言之,按钮的名称应该是页面加载时的unameVar。需要帮忙吗 javascript var unameVar=localStorage.getItem('uname');; console.log(unameVar) html 此值需要更改 只需调用函数并从localSt

我有一个登录页面,我使用
var unameVar=localStorage.getItem('uname')
将本地存储密钥的值(即从登录页面获取的用户名)存储到一个变量中。现在我想将
unameVar
的值分配给一个按钮。简而言之,按钮的名称应该是页面加载时的
unameVar
。需要帮忙吗

javascript


var unameVar=localStorage.getItem('uname');;
console.log(unameVar)
html

此值需要更改
只需调用函数并从
localStorage
传递新值即可

let unameVar=localStorage.getItem('uname');
let button = document.querySelectr('button');

/*When Page is loaded completely*/
window.onload = function(){

   button.innerText = unameVar; //=====> Assing your localstorge value to button
}
/*-----------------------------*/

id
添加到按钮,然后在从localStorgae检索值后,使用jquery库中的
text
添加文本

$('#buttonID').text(unameVar.trim())
let unameVar=localStorage.getItem('uname');
let button = document.querySelectr('button');

/*When Page is loaded completely*/
window.onload = function(){

   button.innerText = unameVar; //=====> Assing your localstorge value to button
}
/*-----------------------------*/
$('#buttonID').text(unameVar.trim())