Clear HTML page using JavaScript
Question
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?
2 answers
solution1
18 2009-12-01 22:40:27
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.
solution2
3 2009-12-01 22:38:09
You can manipulate attributes and elements in javascript. So you know that the following will display only the text the second part .
<div id="top" style="display:none;">
the first part
</div>
<div id="bottom">
the second part
</div>
In order to dynamically manipulate these sections you could call a javascript function like the following.
function toggle()
{
var top = document.getElementById("top");
var bottom = document.getElementById("bottom");
if (top.style.display == "none")
{
top.style.display = "block";
bottom.style.display = "none";
}
else
{
top.style.display = "none";
bottom.style.display = "block";
}
}
And of course, you can modify this to do much more.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.