javascript display value in span tag

Question

in javascript, how can i assign and display a value to tag, so it appears in;

<span id=tag></span>

This needs to be set on the pageload.

i thought it was something like:

<script>
document.getElementById('tag').innerHTML = 0;
</script>

Did you try string literal "0"? – Hamish Feb 08 '12 at 02:08 — Hamish, Feb 08 '12 at 02:08

driangle · Answer 1 · 2012-02-08T02:05:13.243

3

HTML:

<span id="tag"></span>

JS:

<script type="text/javascript">
   window.onload = function(){
     var text = document.createTextNode("0");
     document.getElementById('tag').appendChild(text);
   }
</script>

Although it would be much easier to just do:

<span id="tag">0</span>

edited Feb 08 '12 at 02:05

answered Feb 08 '12 at 01:57

driangle

11,601
5
47
54

it doesnt display anything on pageload :o – user1022585 Feb 08 '12 at 01:59
the innerText isn't implement by other browser, what browser are you using? – jerjer Feb 08 '12 at 02:00

score 0 · Answer 2 · answered Nov 29 '16 at 05:49

You can try this also

<html>
<head>
<script>
function myFunction() {
    var number = "0";
    document.getElementById("tag").innerHTML = number;
}
</script>
</head>
<body onload="myFunction()">

<h1>"the value is: " <span id="tag"></span></h1>

</body>
</html>

score 0 · Answer 3 · answered Feb 08 '12 at 01:58

0

Try:

<script>
  window.onload = function(){
        document.getElementById('tag').innerHTML = 0;
  };
</script>

answered Feb 08 '12 at 01:58

jerjer

8,694
30
36

javascript display value in span tag

3 Answers3