【学习笔记】JavaScript----DOM操作动态创建标签

JavaScript不仅可以用来改变网页的结构和内容，还可以通过创建新元素和修改现有元素来改变网页结构。利用DOM方法在web浏览器中添加标记，有document.write（）和element.innerHTML方法，但是，这两种方法都有共同的弊端：结构、样式、行为没有分离。

DOM方法创建标签：

在浏览器看来DOM节点树才是文档。DOM方法创建标签的实质不是在创建标记，而是在修改节点树。在DOM看来，想要在节点树上添加内容就是要添加节点，如果你向添加一些标记到文档中，就要插入元素节点。

（1）createElement方法

语法：document.createElement(nodeName);

（2）appendChild方法

语法: parent.appendChild(child);

我们只是创建了一个新元素，但是并没有加到节点树中。把新建的节点插入到节点树中的最简单的方法就是：让这个新节点成为某个现有节点的一个子节点。

例如: 在中添加