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

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

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

然后而不是写

document.write(person);

你应该使用

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

希望有所帮助。

Answer 3

试试这个

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

Answer 4

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

Javscript代码：

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

</script>

HTML code：

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

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

4 个答案: