Javascript--DOM

获取一个元素:

document.getElementById(nodeid);

创建一个元素:

document.createElement(tag);

创建文本节点:

document.createTextNode(text);

设置元素属性:

document.getElementById(nodeid).setAttribute(attribute,value);

插入一个元素:

parentOfbeforeNode.inertBefore(nodeToInsert,beforeNode);

在元素结尾插入一个元素:

parentOfNode.appendChild(nodeToInsert);

删除一个元素:

parentOfNode.removeChild(node);

例子:

    <div id="dv">

        this is a div

    </div>

    <input type="button" id="add" value='Add' onclick="addNode()" />

    <input type="button" id="delete" value='delete' onclick="deleteNode()" />

    <script type="text/javascript">

        function addNode(){

            var dv = document.getElementById("dv");

            

            var btn = document.createElement("input");

            btn.type='button';

            btn.id='btn';

            btn.value='add';

            

            dv.parentNode.insertBefore(btn,dv);

        }

        

        function deleteNode(){

            var btn = document.getElementById("btn");

            if(btn){

                btn.parentNode.removeChild(btn);

            }

        }

    </script>