Javascript-DOM

1960 ワード

要素を取得:
Dcument.getElemenntById(nodeid);
要素を作成:
document.creat Element.
テキストノードを作成:
document.creat Text Node(text);
元素の属性を設定:
Dcument.getElementById.set Attribute(atribute,value);
要素を挿入:
parentOfbefore Node.inertBefore(nodeToInsert、before Node);
要素の最後に要素を挿入します.
parentOfNode.apendChild(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>