如何使用 document.write 将变量值追加到元素

How to append the variable value to the element using document.write

本文关键字：追加 元素 变量值 何使用 document write      更新时间：2023-09-26

>我正在尝试将变量值附加到元素中

我正在做的是使用 JavaScript 提示符加载输入正文。

现在我将输入值存储到一个变量中。

现在我想将变量值附加到此元素

<a href="#" class="uname">Welcome User!</a>

代替欢迎用户，我想获取输入变量值。

这是我正在使用的代码。

function inpt(){
    var person=prompt("Please enter your name","");
    if (person!=null && person!="")
      {
        document.write(person);
      }
}

我该怎么做？？

<a href="#" id="uname" class="uname">Welcome User!</a>

.js

function inpt(){
    var person=prompt("Please enter your name","")
        uname = document.getElementById("uname");
    if (person!=null && person!="")
      {
        uname.innerHTML = 'Welcome '+person+ '!'
        //document.write(person);
      }
}

首先，我认为您应该给链接一个id。

<a href="#" class="uname" id="uname">Welcome User!</a>

然后而不是写

document.write(person);

你应该使用

document.getElementById('uname').innerHTML = person;

希望有帮助。

试试这个

function inpt(){
var person=prompt("Please enter your name","");
if (person!=null && person!="")
  {
    $('.uname').html(person);
  }
 }

使用Javascript Window.onload函数，该函数在整个页面加载时触发。

Javscript代码：

 <script>
window.onload=function(){
 var person=prompt("Please enter your name","");
 if (person!=null && person!="")
  {
    $("#uname").append(person);
  }
}
</script>

网页代码：

<a href="#"  id="uname">Welcome</a>
相关文章：