????3??????DOM????????μ??????

1     // appendChild ??????????β????y??????DOM???У????????·???
2      var node = elementNode.appendChild(newNode);
3      node === newNode; // true
4      var node2 = elementNode.appendChild(otherNode.firstChild);
5      node2 === elementNode.lastChild; // true
6      node2 === otherNode.firstChild; // false
1      //insertBefore??????????????????
2       var node = elementNode.insertBefore(newNode?? null);
3       node === elementNode.lastChild; // true
4       var node2 = elementNode.insertBefore(newNode?? elementNode.firstChild);
5       node2 === elementNode.firstChild;// true
1     // replaceNode ????????滻????????????滻???
2       var node = elementNode.replaceChild(newNode?? elementNode.lastChild);
1     // removeChild???????????????????y?????????
2       var node = elementNode.removeChild(elementNode.firstChild);
3       elementNode.parentNode.removeChild(elementNode);
1     //cloneNode???÷????????????е?html?????
2       //IE?????bug???????????????????????????÷?????y??????????????
3       var node = elementNode.cloneNode(true);
4       node.childNodes.length > 0 // true
5       var node1 = elementNode.cloneNode(false);
6       node1.childNodes.length === 0 //false

????4??document??????HTMLDocument????????????????????ж????????HTMLDocument????????????????document?з???????????????????

 

1         document.documentElement // ???<html>???
2       document.body // ???body???
3       document.doctype //???<!DOCTYPE>???????IE8????????????Node.COMMENT_NODE?????IE9??FF??Chrom??????????document??????????
4       document.head || document.getElementsByTagName('head') //HTML5??????????

 

????5??document.getElementById('id')??IE8??????汾?в?????id???Сд??IE7??????汾????bug:

 

1     <input type="text" name="element" />
2     <div id="element"></div>
3     // ???a???name??????b??id?????????a??b?????????÷???????a???
4       document.getElementById('element'); // input???