JavaScript更新插入DOM节点

更新节点：

 代码：

<div id="id1">
    <a>111</a>
</div>
<script>
    var id1 = document.getElementById('id1');
</script>

效果：

插入节点：

 <p id="js">JavaScript</p>
<div id="list">
    <p id="se">javase</p>
    <p id="ee">javaee</p>
    <p id="me">javame</p>
</div>
<script>
    var js = document.getElementById('js');
    var list = document.getElementById('list');
</script>

插入前：

list.appendChild(js)
<p id=​"js">​JavaScript​</p>​

 .appendChild()将js的标签插入到list的子标签中：

效果：

 创建一个节点：

 var newP = document.createElement('p');//创建一个p标签
    newP.id = 'newP';
    newP.innerText = 'hello,liner';

效果： 

 创建新的节点id="newP"'插入成功：