js的创建元素的方式

创建元素的三种方式

第一种 : document.write("标签");
     f("btn").onclick = function () {
         document.write("<p>这是用第一种方式创建的p标签</p>");
     }

    第二种 : 元素.innerHTML
     f("btn").onclick = function () {
        f("dv").innerHTML = "<p>这是用第二种方式创建的p标签</p>";
    }

     第三种 :
      var 变量名 = document.createElement("标签名");  创建的是一个空标签
      父元素.appendChild(变量名) ;   将创建的元素追加到父元素中

     f("btn").onclick = function () {
        var pObj = document.createElement("p");  //声明一个变量用来存储创建的p标签
         f("dv").appendChild(pObj);  //将p标签追加到父元素div中
         //setInnerText(pObj,"这是通过createElement方法创建的p标签");
         pObj.innerHTML = "这是用第三种方式创建的p标签";
     }