html dom createelement,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浏览器

火狐浏览器

Opera

苹果浏览器