HTML | DOM createElement() 方法

在 HTML 文档中， document.createElement()是用于创建 HTML 元素的方法。如果指定的 elementName 未被识别，则创建使用 elementName 指定的元素或创建未知的 HTML 元素。

句法

var element = document.createElement("elementName");

在上述语法中，elementName 作为参数传递。 elementName 指定创建元素的类型。创建的元素的 nodeName 被初始化为 elementName 值。 document.createElement() 返回新创建的元素。

示例 1：此示例说明如何创建

元素。

输入 ：

  

    
        function createparagraph() {
            var x = document.createElement("p");
            var t = 
                document.createTextNode("Paragraph is created.");
            x.appendChild(t);
            document.body.appendChild(x);
        }
    

  

    CreateParagraph

  
                    

输出：
最初：

按下创建段落按钮后：

解释：

• 从使用 document.createElement() 创建一个

  元素开始。

• 使用 document.createTextNode() 创建一个文本节点。
• 现在，使用 appendChild() 将文本附加到

  。

• 使用 appendChild() 将

  附加到 。

示例 2：此示例说明如何创建

元素并将其附加到

元素。

输入 ：

  

    
        function createparagraph() {
            var x = document.createElement("p");
            var t = 
                document.createTextNode("Paragraph is created.");
            x.appendChild(t);
            document.getElementById("divid").appendChild(x);
        }
    

  

     A div element
    CreateParagraph

  

输出：

最初：

按下 CreateParagraph 按钮后：

支持的浏览器： DOM createElement() 方法支持的浏览器
下面列出：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器