Dom 生成节点

Dom 生成节点

生成新节点的可以使用DOM中的createTextNode()和createElement()方法。

在Dom中，createElement()是的一个重要方法，用来在文档页面内创建一个新的元素。如果你想动态为页面添加一个div、table或表单按扭等元素，就可以使用createElement()方法。该方法有一个参数，参数等于你需要创建的元素标签名并且该

●o 返回对新创建元素的引用。

●tag 你要创建的元素的标签名称，例如input、div、table可以是变量引用，但必须为

字符串类型。

createTextNode()方法可以创建一段文本内容。就是网页中想要显示的文字。在body、div、span中，都可以只要是文本内容就可以使用createTextNode来创建。

该方法只能被document使用，文本内容创建成功以后，必须使用appendChild

语法中各参数说明如下：

●o 返回新创建的字符串引用。

●string 你要创建的字符串内容。

下面实例将演示如何使用createTextNode()方法向body中添加一段文字，代码如下所示。

文件名：createTextNode.html

在上述代码中，首页为页面添加了一个名称为“生成文字”的按钮并为该按钮添加事件“create_text()”；当用户单击“生成文字”按钮时，会自动调用create_text()方法。在该方法中，会调用createTextNode()方法生成节点并添加到页面中。

执行上述代码，结果如图8-13所示。单击“生成文字”按钮，结果如图8-14所示。