Beginner javascript/jquery - document.write

Question

So far I only know how to write code for AFTER the html has loaded. How do I use a function like this:

function makeBranches(){
    document.write("<center>")
    var bq = 10;
    for (var run = 0;run<bq;run++){
        for (var length=0;length<=run;length++)
            document.write("<font color=green><b>^</b></font>");
        document.write("<br>");

    }
    document.write("</center>");
}

inside of $(document).ready, without it overwriting the html?

Don't use document.write. Use append or html and text functions in jQuery instead. — Michał Miszczyszyn
– Michał Miszczyszyn, Commented Nov 28, 2014 at 0:35

Shan Robertson · Accepted Answer · 2014-11-28 00:38:22Z

1

document.write replaces your document. If you just want this code in the body of your document, simply replace document.write with document.body.innerHTML += 'my code'. I use the += operator because you are appending multiple things. if you simply did = it would replace every time, whereas += takes the current html in your body, replaces it with itself plus what you just added.

And to target another element you can do document.querySelector(element).innerHTML; or jquery $(element).html();

answered Nov 28, 2014 at 0:38

Shan Robertson

2,7423 gold badges26 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Felix Kling Over a year ago

"document.write replaces your document." Only under specific circumstances, not in general.

Shan Robertson Over a year ago

it was my understanding that calling document.write also calls document.open which clears the document. But I never used document.write as it's not very useful in 99% of cases hah

Felix Kling Over a year ago

It only calls document.open if document.close as been called. Which happens when the browser finished parsing the HTML. So if you call document.write beforehand, the markup will just be inserted where it was called.

Collectives™ on Stack Overflow

Beginner javascript/jquery - document.write

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related