javascript - 如何使用 document.write 将变量值附加到元素

Question

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

我正在做的是我通过使用 javascript 提示来加载输入正文。

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

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

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

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

这是我正在使用的代码..

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

我怎样才能做到这一点？？

Answer 1

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

Answer 2

尝试这个

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

Answer 3

首先在我看来你应该给链接一个ID。例如。

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

然后而不是写

document.write(person);

你应该使用

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

希望有帮助。

Answer 4

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

Javascript代码：

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

</script>

HTML 代码：

<a href="#"  id="uname">Welcome</a>