javascript - document.write resets body once - Stack Overflow

admin管理员组

文章数量:1406937

When I used document.write after loading the body (via onclick event), it overwrites the entire body. I want this for what I'm trying to achieve. However, when I do it again, it simply adds on to the previous content. Why does it overwrite everything the first time and only add on the next?

When I used document.write after loading the body (via onclick event), it overwrites the entire body. I want this for what I'm trying to achieve. However, when I do it again, it simply adds on to the previous content. Why does it overwrite everything the first time and only add on the next?

• javascript
• html
• document

Share Improve this question Follow edited Jan 3, 2012 at 20:29 Josh Darnell 11.5k99 gold badges3939 silver badges6666 bronze badges asked Dec 22, 2010 at 17:32 AnonymousAnonymous 1,89377 gold badges2323 silver badges2929 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 11

If the document isn't open for writing, then calling document.write will automatically call document.open.

The first time you call document.write, the browser has loaded the document and thus closed it for writing. This calls document.open which wipes out the existing document and creates a new one to write into.

Since the browser isn't loading this, it doesn't automatically close it for writing, so the content is appended when you call docment.write again. You can explicitly call document.close and document.open if you want to wipe out the content.

See https://developer.mozilla/en/document.write for more details.

When you use document.write, it writes directly to the page/body. If you want to write to some specific element, you can use syntax such as this:

document.getElementById('elementID').innerHTML = 'your string';

本文标签： javascriptdocumentwrite resets body onceStack Overflow