html里面增删查改元素

<div id="J_main">
    <div id="J_one">
        1
    </div>
    <div id="J_three">
        3
    </div>
    <div id="J_four">
        4
    </div>
</div>
<script type="text/javascript">
    //插入
    var insertEl = document.createElement('div');
    insertEl.innerHTML = '我是插入的';
    insertEl.setAttribute('class','insertClass');
    document.getElementById('J_main').appendChild(insertEl);

    //中间插入
    var middleInsertEl = document.createElement('div');
    middleInsertEl.innerHTML = '中间插入';
    document.getElementById('J_main').insertBefore(middleInsertEl,document.getElementById('J_three'));

    //el.insertBefore(el1,null)  等值于 el.appendChild(el1);

    //替换
    //replace
    var replaceEl = document.createElement('div');
    replaceEl.innerHTML = '替代';
    document.getElementById('J_main').replaceChild(replaceEl,document.getElementById('J_one'));

    //删除
    document.getElementById('J_main').removeChild(document.getElementById('J_four'))



</script>