使用JavaScript清除HTML頁面

Question

是否可以使用JavaScript函數刪除頁面上現有內容的某些部分？
像這樣：

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

<IS THERE ANY JAVASCRIPT OR HTML STATEMENT I CAN PUT HERE?>我可以在<IS THERE ANY JAVASCRIPT OR HTML STATEMENT I CAN PUT HERE?> ？

我知道在要顯示的部分之后放置<div style="display:none"><plaintext>會隱藏頁面的結尾，但是如何清除開頭？

Answer 1

您可以使用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>

但是，這不是實現此目的的好方法。 如果要隱藏某些文本，請考慮其他人提到的jQuery。

Answer 2

您可以在javascript中操縱屬性和元素。 因此，您知道以下內容僅the second part顯示文本。

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

為了動態地操縱這些部分，您可以調用如下所示的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";
    }
}

當然，您可以修改此內容以執行更多操作。

使用JavaScript清除HTML頁面

問題描述

2 個解決方案

解決方案1
18 2009-12-01 22:40:27

解決方案2
3 2009-12-01 22:38:09

使用JavaScript清除HTML頁面

問題描述

2 個解決方案

解決方案1 18 2009-12-01 22:40:27

解決方案2 3 2009-12-01 22:38:09

解決方案1
18 2009-12-01 22:40:27

解決方案2
3 2009-12-01 22:38:09