Home/ Questions/Q 7597419
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T22:09:09+00:00

I know this is probably something simple, but I can’t figure it out. When

  • 0

I know this is probably something simple, but I can’t figure it out. When I load the page, I see a flash of my text area box and the button and then the json data is diplayed on the page, replacing it. Why are the other elements disappearing? 

<html>
<head>
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
</head>
<body>
    <div id="wrapper">
        <div id="chat">
            <script type="text/javascript">
            $(function(){
                $.getJSON("process.php?jsoncallback=?", function(data){
                    for (var x = 0; x < data.length; x++) {
                        document.write(data[x].username);
                        document.write(': ');
                        document.write(data[x].comment);
                        document.write('<br/><br/>');
                    }
                });
            });
            </script>
        </div>

        <div id="send">
            <textarea id="send_text"></textarea>
            <button>Send</button>
        </div>


    </div>
</body>
</html>

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Because that’s what document.write does. I’m guessing you actually want to append your content somewhere. You can use the jQuery html or text methods to set the content of an element.

    What is actually happening when you call document.write? The MDN article explains it well:

    Writing to a document that has already loaded without calling
    document.open() will automatically perform a document.open call.

    And the page on document.open tells us this:

    If a document exists in the target, this method clears it

    • 0