HTML - DOM 文档 createTextNode() 方法

HTML DOM 文档 **createTextNode()** 方法用于创建具有指定文本的文本节点。

语法

document.createTextNode(text);

参数

此方法接受如下所示的单个参数。

参数	描述
文本	它表示您想要添加到文档中的文本。

返回值

它返回创建的文本节点。

HTML DOM 文档“createTextNode()”方法示例

以下示例说明了 createTextNode() 方法的使用。

创建文本节点

在以下示例中，我们创建了一个文本节点并将其附加到主体。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM document createTextNode() Method
    </title>
</head>
<body>
    <h3>HTML DOM document createTextNode() Method</h3>
    <button onclick="fun()">Create Text Node</button>
    <script>
       function fun() {
        let x = document.createTextNode("A simple text node is created..");
        document.body.appendChild(x);
       }
    </script>
</body>
</html>

创建段落元素

在以下示例中，我们创建了一个文本节点并将其附加到主体。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM document createTextNode() Method
    </title>
</head>
<body>
    <h3>HTML DOM document createTextNode() Method</h3>
    <button onclick="fun()">Create Text Node</button>
    <script>
       function fun() {
        let h=document.createElement("h1");
        let x = document.createTextNode("A simple text node is created..");
        h.appendChild(x);
        document.body.appendChild(h);
       }
    </script>
</body>
</html>

支持的浏览器

方法
createTextNode()	是 1	是 12	是 1	是 1	是 7

html_dom_document_reference.htm

打印页面