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);
例:
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>