JavascriptDOM

获取一个元素:

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>