js如何动态创建网页新元素

// 创建新元素
function createNewElements() {
    // 使用innerHTML创建新元素
    var p1 = document.getElementById('p1');
    // 设置innerHTML内存
    p1.innerHTML = "<span>我的dom文本1</span>"

    // 使用createElement来创建新元素
    var span = document.createElement("span");
    // 为新元素内容创建一个文本节点
    span.appendChild(document.createTextNode("我的dom文本2"))
    var p2 = document.getElementById("p2");
    // 挂载
    p2.appendChild(span);
}

<p>
    <input type="button" value="创建新元素" onclick="createElements()" />
</p>
<!--定义新元素挂载的容器元素---->
<p id="p1"></p>
<p id="p2"></p>