jsプレミアムプログラミングノート15
1302 ワード
DOM
1.Node
ノードのタイプを特定
someNode.nodeType == Node.ElEMENT_NODE //
someNode.nodeType == 1 //
//nodeType 1 - 12
nodeType, nodeName nodeValue
2.ノード関係
var firstChild = someNode.ChildNodes[0];
var secondChild = someNode.ChildNodes.item(1);//
var count = someNode.ChildNodes.length//
#ChildNodes arguments , ,
Array.prototype.slice.call(someNode.childNodes,0);
# node nextSibling previousSibling ,
if(someNode.nextSibling == null) //
if (someNode.previousSibling == null) //
3.操作ノード
insertBefore()
returnNode = someNode.insertBefore(newNode,null);// null , , ,
newNode == someNode.lastChild //true
returnNode = someNode.insertBefore(newNode,someNode.firstNode)
newNode == someNode.firstNode //true
appendChild()
var returnNode == some.appendChild(someNode,firstChild);
returnNode == someNode.firstChild // false
returnNode == someNode.lastChild //true
// ,
replace()
#
someNode.replaceChild(newNode,someNode.firstChild)
remove()
someNode.remove(someNode.firstNode)
cloneNode()
someNode.cloneNode(false) //
someNode.cloneNode(true) //
, , ,