创建元素的三种方式

第一种：document.write("<p>文本</p>");

document.getElementById("id").onclick = function () {
        document.write("<h1>这是创建的标题标签</h1>")
    }

第二种：父元素.innerHTML="<p>文本</p>"

document.getElementById("id").onclick = function () {
        my$("dv").innerHTML = "<p>这是动态创建的p标签</p>";
    }

第三种：var pObj=document.createElement("标签名")；父元素.appendChild(pObj)

        document.getElementById("id").onclick = function () {
      
        var pObj = document.createElement("p");
        document.getElementById("id").appendChild(pObj);
        pObj.innerHTML="这是通过createElement方法创建的p标签";
        pObj.className="cls";
    }

创建是一个空的标签，如果要添加属性或者文本，通过 新元素.属性="值" 新元素.innerText="文本内容"