JavaScript Forum

**jimandy** · 03-25-2006, 10:39 AM

New to the forum so please be gentle. Maybe this has been asked/answered but I've searched and don't have a clue.

In Safari – with a "document.write" command, the text is only written when enclosed in tags, any tags apparently; for example...

This works in Safari:

<script type="text/javascript">
function doit() {
document.write('<html>hello</html>');
}
</script>

(view at http://andexis.com/does.html)

This does not work in Safari but does work in I.E., Firefox and Opera:

<script type="text/javascript">
function doit() {
document.write('hello');
}
</script>

(view at http://andexis.com/doesnot.html)

So, please, embarrass me. Tell me what I've done wrong. Or it just a bug in Safari?

**createvibe.com** · 03-27-2006, 03:30 PM

well, first off. using document.write after the page has finished loading, will reload your page with the text you are writing. using innerHTML is a way around this but hacky. I suggest using the DOM. Give your script an element for which the text will be placed and create a text element to put into that parenting element.

for instance...

Code:

<script type="text/javascript">
 
  function write_text(node, str) {
    node.appendChild( document.createTextNode(str) );
  }
 
</script>
 
<div id="my_div"></div>
 
<input type="button" name="add_text" value="add text" onclick="write_text(document.getElementById('my_div'), prompt('enter text', ''));">