HTML - DOM 文件 normalize() 方法

HTML DOM 文件 **normalize()** 方法刪除空文字節點，並將父節點中的相鄰文字節點連線起來。

語法

document.normalize();

引數

此方法不接受任何引數。

返回值

此方法沒有返回值。

HTML DOM 文件“normalize()”方法示例

以下示例說明了使用 normalize() 方法規範化文件。

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Document normalize() Method
    </title>
</head>
<body>
    <form>
        <fieldset>
            <legend>HTML-DOM-normalize( )</legend>
            <input type="text" id="textSelect" placeholder="type here...">
            <input type="button" onclick="makeTextNode()" value="Create Text Node">
            <input type="button" onclick="normalizeDocument()" value="Normalize">
            <div id="appendedNodes">All Text Nodes: </div>
            <div id="divDisplay"></div>
        </fieldset>
    </form>
    <script>
        var divDisplay = document.getElementById("divDisplay");
        var textSelect = document.getElementById("textSelect");
        var appendedNodesDiv = document.getElementById("appendedNodes");
        divDisplay.textContent = 'Total Text Nodes: ' 
                        + appendedNodesDiv.childNodes.length;
        function makeTextNode() {
            var textNode = document.createTextNode(textSelect.value);
            appendedNodesDiv.appendChild(textNode);
            if (textSelect.value === '')
                divDisplay.textContent = 'Empty Text Node Created';
            else
                divDisplay.textContent = 'Text Node Created with value: '
                         + textSelect.value;
            divDisplay.textContent += ', Total Text Nodes: ' 
                        + appendedNodesDiv.childNodes.length;
        }
        function normalizeDocument() {
            appendedNodesDiv.normalize();
            divDisplay.textContent = 'Total Text Nodes: ' 
                        + appendedNodesDiv.childNodes.length;
        }
    </script>
</body>
</html>

支援的瀏覽器

方法
normalize()	是 1	是 12	是 1	是 1	是 12.1

html_dom_document_reference.htm

列印頁面