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

Question

I am trying to append the variable value to the element

what i am doing is i am taking the input body onload by using javascript prompt.

now i am storing the input value to one variable.

now i want to append the variable value to this element

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

in place of welcome user,i want to get the input variable value.

here is the code i am using..

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

How can i do this??

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

first in my opinion you should give the link an id. eg.

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

then instead of writing

document.write(person);

you should use

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

hope that helps.

Answer 3

try this

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

Answer 4

Use Javascript Window.onload function which is fired when the entire page loads.

Javscript code:

 <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>