使用JavaScript清除HTML页面

Question

使用JavaScript清除HTML页面

有没有办法用JavaScript函数删除页面上现有内容的部分？
像这样:

<I WANT THIS CLEARED>
<IS THERE ANY JAVASCRIPT OR HTML STATEMENT I CAN PUT HERE?>
<I WANT THIS DISPLAYED>

Run Code Online (Sandbox Code Playgroud)

我该<IS THERE ANY JAVASCRIPT OR HTML STATEMENT I CAN PUT HERE?>怎么办？

我知道<div style="display:none"><plaintext>在我想要显示的部分之后会隐藏页面的结尾,但是如何清除开头呢？

Answer 1

End*_*ssa 18

你可以用document.body.innerHTML = "".只要浏览器处理页面,它就会取出正文中的所有内容.请参阅以下示例:

<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>

Run Code Online (Sandbox Code Playgroud)

然而,这并不是实现这一目标的好方法.如果你想隐藏一些文本,可以考虑其他人提到的jQuery.

Answer 2

Joe*_*oel 3

您可以在 javascript 中操作属性和元素。所以你知道下面只会显示文本the second part。

<div id="top" style="display:none;">
the first part
</div>
<div id="bottom">
the second part
</div>

Run Code Online (Sandbox Code Playgroud)

为了动态操作这些部分，您可以调用如下 JavaScript 函数。

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";
    }
}

Run Code Online (Sandbox Code Playgroud)

当然，您可以对其进行修改以执行更多操作。

归档时间：	15 年，11 月前
查看次数：	56849 次
最近记录：	10 年，2 月前