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

打印页面