Clear HTML page using JavaScript

html, javascript

Solution

You can use `document.body.innerHTML = ""`. It will take out everything in the body so far as the browser processes the page. See the following example:

<html>
    <head></head>
    <body>
        <p>This should not appear</p>

        <script type="text/javascript">
            document.body.innerHTML = '';
        </script>

        <p>This should appear.</p>
    </body>
</html>

This is, however, not a great way to accomplish this. If you want some text hidden, consider jQuery as others have mentioned.

Problem

Is there any way to delete portions of existing content on a page with a JavaScript function? Like this: ``` <I WANT THIS CLEARED> <IS THERE ANY JAVASCRIPT OR HTML STATEMENT I CAN PUT HERE?> <I WANT THIS DISPLAYED> ``` What should I put in `<IS THERE ANY JAVASCRIPT OR HTML STATEMENT I CAN PUT HERE?>`? I know putting `<div style="display:none"><plaintext>` after the part I want displayed will hide the end of a page, but how do I clear the beginning?

Original source