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) // 

 , , ,