JS DOM 第七章- 动态创建标记

7.1 传统方法

    7.1.1 document.write(要写入的内容)；

             如果使用这种方法，违背了js与html分离的原则，不建议使用；

    7.1.2 innerHTML 属性

            id.innerHTML = "插入内容"；

7.2 DOM方法

    7.2.1 createElement 方法

            document.createElement(nodeName);

            例如: document.createElement("p")；创建p标签。

    7.2.2 appendChild 方法

            parent.appendChild(child)

    7.2.3 createTextNode 方法

            document.createTextNode(text)

            例如：document.createTextNode("hello world!");

    7.2.4 利用以上三种方法通过DOm实现添加：<p>This is <em>my</em> content.</p>

    window.onload = function(){
	/* 1、创建p标签；
	   2、创建p标签的文本节点txt1；
	   3、创建em标签；
	   4、创建em标签的文本节点txt2；
	   5、创建p标签的文本节点txt3；
	   6、txt1附至p；