ansaurus

Question

Why is this Javascript code not writing to the webpage?

Answer 1

+5 A:

Because the document has already been written at that point. You can set text like so:

<button id="lol">blah</button>
<script>
    function setText( obj, to ) {
        obj.textContent? obj.textContent = to : obj.innerText = to;
    }
    var lol = document.getElementById('lol')

    lol.onclick = function() {
        var p = document.createElement('p');
        document.body.appendChild(p);
        setText( p, 'hi' );
    }
</script>

Another popular but often looked down technique would be innerHTML.

meder 2010-06-20 00:09:59

How do I make a new document then?

thyrgle 2010-06-20 00:12:29

you don't. you use alternate methods like creating new text nodes and elements or altering existing ones.

meder 2010-06-20 00:13:29

Thnx. Will accept when I get the chance.

thyrgle 2010-06-20 00:15:48

Why is innerHTML looked down upon? It's much simpler.

Mike Sherov 2010-06-20 00:20:57

It's frowned upon because it wasn't initially a standard, though nowadays I would assume people are more lenient because the jQuery `html` method is just innerHTML and innerHTML has become part of the HTML 5 spec.

meder 2010-06-20 00:48:09

Answer 2

+2 A:

Document.write is used to write to the currently loading HTML file. Once the page has been loaded, and a user begins interacting with the page, document.write is useless.

Mike Sherov 2010-06-20 00:12:54

ansaurus

tags:

views:

answers:

Why is this Javascript code not writing to the webpage?

related questions