J**aScript DOM»ù´¡

ʱ¼ä£º2016.05.05 ·¢²¼ÈË£ºforeverwfq
J**aScript DOM»ù´¡

Òѽâ¾öÎÊÌâ

¹È¸èforeverwfqÓû§ÔÚ2016.05.05Ìá½»Á˹ØÓÚ¡°º£×ÓJ**aScript DOM»ù´¡¡±µÄÌáÎÊ£¬»¶Ó­´ó¼ÒÓ¿Ô¾·¢±í×Ô¼ºµÄ¹Ûµã¡£Ä¿Ç°¹²ÓÐ1¸ö»Ø´ð£¬×îºó¸üÐÂÓÚ2024-08-19T20:23:32¡£Ï£Íû´ó¼ÒÄܹ»°ïÖúËý¡£

ÏêϸÎÊÌâÃèÊö¼°ÒÉÎÊ£ºÆÚ´ýÄúµÄ´ð°¸£¬Äã¾ÍÊǵ±´úµÄ»îÀ×·æ,Ì«¸ÐлÁË £¡

Ï£ÍûÒÔϵĻشð£¬Äܹ»°ïÖúÄã¡£

µÚ1¸ö»Ø´ð

Óû§Ãû£ºlaiooÆë֮ʤͳ²éÊÖË®ff54415  

DOM(DocÒéÀú½á»á·Ñ¹Ë´¬umentObjectModel)¼´ÎĵÔÏóÄ£ÐÍ,Õë¶Ôh**TMLºÍXMLÎĵµµÄAPI(Ó¦Áú¾Ù¼áÂÉʱÆÕ¸ã»ØÉÜÔ±Ö¯ÓóÌÐò½Ó¿Ú);

DOMÃè»æÁËÒ»¸ö²ã´Î»¯µÄ½ÚµãÊ÷,ÔËÐпª·¢ÈËÔ±¿ÉÒÔÌí¼Ó/ÒƳýºÍÐÞ¸ÄÒ³ÃæµÄijһ²¿·Ö;

Ò»DOM½éÉÜ

D(Îĵµ):¿ÉÒÔÀí½âΪÕû¸öWeb¼ÓÔصÄÍøÒ³Îĵµ;
O(¶ÔÏó):¿ÉÒÔÀí½âΪÀàËÆwindow¶Ô½ç¿ÚʹÄÚÄ¿Óñ°ãµç¸®ÑªÆÆÏóÖ®ÀàµÄ¶«Î÷,¿ÉÒÔµ÷ÓÃÊôÐԺͷ½·¨,ÕâÀï˵Âä¼×Ô¸ºâÄþµÄÊÇdocument¶ÔÏó;
M(Ä£ÐÍ):¿ÉÒÔÀí½âΪÍøÒ³ÎĵµµÄÊ÷Ðνṹ;

1.½Úµã

¼ÓÔØh**TMLÒ³Ãæʱ,Webä¯ÀÀÆ÷Éú³ÉÒ»¸öÊ÷Ðνṹ,ÓÃÀ´±íʾҳÃæ**½á¹¹;
DOM½«ÕâÖÖ½Úµã½á¹¹Àí½âΪÓɽڵã×é³É;
htmlÔªËØΪ¸ù½Úµã;headÔªËØÊÇhtmlµÄ×Ó½Úµã;metaÔªËغÍtitleÔªËØÖ®¼äÊÇÐֵܹØϵ;


2.½ÚµãÖÖÀà:ÔªËؽڵã/Îı¾½Úµã/ÊôÐÔ½Úµã
<divtitle="ÔªËØÊôÐÔ">²âÊÔDiv</div>
ÔªËؽڵã=>div;
ÊôÐÔ½Úµã=>title="ÔªËØÊôÐÔ"
Îı¾½Úµã=>²âÊÔDiv¶þ²éÕÒÔªËØ
W3CÌṩÁ˱ȽϷ½±ã¼òµ¥µÄ**½ÚµãµÄ·½·¨ºÍÊôÐÔ,ÒÔ±ãÎÒÃÇÖÝ»¯¹Ë¿ìËٵĶԽڵã½øÐвÙ×÷;
DOM(DocumentObjectModel)¼´ÎĵÔÏóÄ£ÐÍ,Õë¶Ôh**TMLºÍXMLÎĵµµÄAPI(Ó¦ÓóÌÐò½Ó¿Ú);

DOMÃè»æÁËÒ»¸ö²ã´Î»¯µÄ½ÚµãÊ÷,ÔËÐпª·¢ÈËÔ±¿ÉÒÔÌí¼Ó/ÒƳýºÍÐÞ¸ÄÒ³ÃæµÄijһ²¿·Ö;

ÔªËؽڵã²éÕÒ·½·¨
·½·¨ËµÃ÷
getElementÖ´¼«´Ù¹»¹ýÈýÅäÍõById()»ñÈ¡Ìض¨IDÔªËصĽڵã;
getElementsByTaÃçºÚζgName()»ñÈ¡ÏàͬԪËصĽڵãÁбí;
getElementsByName(Ç⻨)»ñÈ¡ÏàͬÃû³ÆµÄ½ÚµãÁбí;
getAttribut¹ûÊä±ãÐøÕæ´©Ö®±¶°Ñe()»ñÈ¡Ìض¨ÔªËؽڵãÊôÐÔµÄÖµ;
setAttribute()ÉèÖÃÌض¨ÔªËؽڵãÊôÐÔµÄÖµ;
removeAttribute()ÒƳýÌض¨ÔªËؽڵãÊôÐÔ;

1.gÄÍËêȼºúÒ¹ÓÃetElementById()

//·½·¨½ÓÊÕÒ»¸ö²ÎÊý:»ñÈ¡ÔªËصÄID;
//Èç¹ûÕÒµ½ÏàÓ¦µÄÔªËØÔò·µ»Ø¸ÃÔªËصÄh**TMLDi¾¡¶àvElement¶ÔÏó;Èç¹û²»´æÔÚ,Ôò·µ»Ø**ll;
document.getElementById('box');//[ob¶Ê½éÖµ°ûjecth**TMLDivElement];
//µ±ÎÒÃÇͨ¹ýgetElementById()»ñÈ¡µ½Ìض¨ÔªËؽڵãʱ,Õâ¸ö½Úµã¶ÔÏó¾Í±»ÎÒÃÇ»ñÈ¡µ½ÁË;
//¶øͨ¹ýÕâ¸ö½Úµã¶ÔÏó,ÎÒÃÇ¿ÉÒÔËÀ×öÎÈ°¢ÓÎÉÕ·ÃÎÊËüµÄһϵÁÐÊôÐÔ;
(1).·ÃÎÊÔªËؽڵãµÄÊôÐÔ
ÊôÐÔ˵Ã÷
tagName»ñÈ¡ÔªËؽڵãµÄ±êÇ©Ãû;
innerh**TML»ñÈ¡ÔªËؽڵãÀïµÄÄÚÈÝ,·ÇW3CDOM¹æ·¶;
document.ge²ÉÃâֱ֪δÏûÑôЭÁÙ¸Ë×ætElementById('box').tagName;//=>DIV;
docume±ê¼Ò¼ÃÄ¿ÁÁÖ**Ýnt.getElemeÕÂntById('box').innerh**TML;//=>²âÊÔDiv;

(2).·ÃÎÊh**TMLͨÓÃÊôÐÔ
ÊôÐÔ˵Ã÷
idÔªËؽڵãµÄidÃû³Æ;
titlÄÍÌú°ëÐí±êÖ¾´í¶ûΰÊôͬeÔªËؽڵãµÄtitleÊôÐÔÖµ;
styleCSSÄÚÁªÑùʽÊôÐÔÖµ;
classNameCSSÔªËصÄÀà;

document.getElementById('box').id;//=>id;
document.getElementById('box').title;//»ñÈ¡title;

document.getElementById('box').style;//»ñÈ¡CSSStyleDeclaration¶ÔÏó;
document.getElementById('box').style.color;//»ñÈ¡style¶ÔÏóÖеÄcolorµÄÖµ;Ò²¾ÍÊÇÉèÖÃÔÚÔªËØÐÐÄÚµÄÑùʽֵ;
document.getElementById('box').style.color='red';//ÉèÖÃstyle¶ÔÏóÖеÄcolorµÄÖµ;

document.getElementById('box').className;//»ñÈ¡class;
document.getElementById('box').className='pox';//ÉèÖÃclass;

document.getElementById('box').bbb;//»ñÈ¡×Ô¶¨ÒåÊôÐÔµÄÖµ,·ÇIE²»Ö§³Ö;


2.getElementsByTagName()
//·½·¨·µ»ØÒ»¸ö¶ÔÏóÊý×éh**TMLCollection(NodeList)Êý×é,Õâ¸öÊý×é±£´æ×ÅËùÓÐÏàͬԪËØÃûµÄ½ÚµãÁбí;
document.getElementsByTagName('*');//ÀûÓÃͨÅä·û»ñÈ¡ËùÓÐÔªËØ;
//PS:IEÔÚʹÓÃͨÅä·ûʱ,»á°ÑÎĵµ×ʼµÄhtmlµÄ¹æ·¶ÉùÃ÷µ±×÷µÚÒ»¸öÔªËؽڵã;

document.getElementsByTagName('li');//=>[objecth**TMLCollection];»ñÈ¡ËùÓÐliÔªËØ;
document.getElementsByTagName('li').[0];//»ñÈ¡µÚÒ»¸öliÔªËØ;

3.getElementsByName()

»ñÈ¡ÏàͬÃû³Æ(name)ÉèÖõÄÔªËØ,·µ»ØÒ»¸ö¶ÔÏóÊý×éh**TMLCollection(NodeList);
document.getElementsByName('add');//»ñÈ¡¾ßÓÐname='add'µÄinputÔªËؼ¯ºÏ;
//PS:¶ÔÓÚ²¢²»ÊÇh**TMLºÏ·¨µÄÊôÐÔ,ÄÇôÔÚJS»ñÈ¡µÄ¼æÈÝÐÔÉÏÒ²»á´æÔÚ²îÒì;
//IEÖ§³ÖºÏ·¨µÄnameÊôÐÔ,µ«¶ÔÓÚ×Ô¶¨ÒåµÄÊôÐÔ»á³öÏÖ²»¼æÈÝÎÊÌâ;

4.getAttribute()
·½·¨½«»ñÈ¡ÔªËØÖÐij¸öÊôÐÔÖµ;
µ«ËüºÍÖ±½ÓʹÓÃ".attr"»ñÈ¡ÊôÐÔÖµµÄ·½·¨ÓÐÒ»¶¨Çø±ð;
document.getElementById('box').getAttribute('mydiv');//»ñÈ¡×Ô¶¨ÒåÊôÐÔÖµ;
document.getElementById('box').mydiv;//»ñÈ¡×Ô¶¨ÒåÊôÐÔÖµ,½öIEÖ§³Ö;

5.setAttribute()
·½·¨½«ÉèÖÃÔªËØÖÐij¸öÊôÐÔºÍÖµ;½ÓÊÕÁ½¸ö²ÎÊý:ÊôÐÔÃûºÍÖµ;
Èç¹ûÊôÐÔ±¾ÉíÒÑ´æÔÚ,ÄÇô¾Í»á¸²¸Ç;
document.getElementById('box').setAttribute('align','center');//ÉèÖÃÊôÐÔºÍÖµ;
//PS:ÔÚIE7¼°ÒÔÏÂ,ʹÓÃsetAttribute()·½·¨ÉèÖÃclassºÍstyleÊôÐÔûÓÐЧ¹û;

6.removeAttribute()
·½·¨¿ÉÒÔÒƳýh**TMLÊôÐÔ;
document.getElementById('box').removeAttribute('style');//ÒƳýstyleÑùʽÊôÐÔ;

ÈýDOM½Úµã

1.node½ÚµãÊôÐÔ

//½Úµã¿ÉÒÔ·ÖΪ:ÔªËؽڵã/ÊôÐÔ½ÚµãºÍÎı¾½Úµã;
//ÕâЩ½Úµã¶¼ÓÐÈý¸öÊôÐÔ:nodeName/nodeTypeºÍnodeValue;

ÐÅÏ¢½ÚµãÊôÐÔ
½ÚµãÀàÐÍnodeNamenodeTypenodeValue
ÔªËØÔªËØÃû³Æ1**ll
ÊôÐÔÊôÐÔÃû³Æ2ÊôÐÔÖµ
Îı¾#text3Îı¾ÄÚÈÝ
document.getElementById('box').nodeType;//=>1;ÔªËؽڵã;

2.²ã´Î½ÚµãÊôÐÔ
//²ã´Î½Úµã¿ÉÒÔ»®·ÖΪ:¸¸½ÚµãÓë×Ó½Úµã/Ðֵܽڵã;

//µ±ÎÒÃÇ»ñÈ¡ÆäÖÐÒ»¸öÔªËؽڵãµÄʱºò,¾Í¿ÉÒÔʹÓòã´Î½ÚµãÊôÐÔÀ´»ñÈ¡ËüÏà¹Ø²ã´ÎµÄ½Úµã;

½Úµã¹ØϵʾÒâͼ

²ã´Î½ÚµãÊôÐÔ
ÊôÐÔ˵Ã÷
childNodes¶ÁÈ¡µ±Ç°ÔªËؽڵãµÄËùÓÐ×Ó½Úµã;
firstChild¶ÁÈ¡µ±Ç°ÔªËؽڵãµÄµÚÒ»¸ö×Ó½Úµã;
lastChild»ñÈ¡µ±Ç°ÔªËؽڵãµÄ×îºóÒ»¸ö×Ó½Úµã;
ownerDocument»ñÈ¡¸Ã½ÚµãµÄÎĵµ¸ù½Úµã,Ï൱ÓÚdocument;
parentNode»ñÈ¡µ±Ç°½ÚµãµÄ¸¸½Úµã;
previousSibling»ñÈ¡µ±Ç°½ÚµãµÄÇ°Ò»¸öͬ¼¶½Úµã;
nextSibling»ñÈ¡µ±Ç°½ÚµãµÄºóÒ»¸öͬ¼¶½Úµã;
attributes»ñÈ¡µ±Ç°ÔªËؽڵãµÄËùÓÐÊôÐԽڵ㼯ºÏ;

(1).childNodesÊôÐÔ

ÊôÐÔ»ñȡijһ¸öÔªËؽڵãµÄËùÓÐ×Ó½Úµã,ÕâЩ×Ó½Úµã°üº¬ÔªËؽڵãºÍÎı¾½Úµã;
PS:ʹÓÃchildNodes[n]·µ»Ø×Ó½Úµã¶ÔÏóµÄʱºò,ÓпÉÄÜ·µ»ØµÄÊÇÔªËØ×Ó½Úµã,±ÈÈç:h**TMLElement;
Ò²¿ÉÄÜ·µ»ØµÄÊÇÎı¾×Ó½Úµã,±ÈÈç:Text;
ÔªËØ×Ó½Úµã¿ÉÒÔʹÓÃnodeName»òÕßtagName»ñÈ¡±êÇ©Ãû³Æ;¶øÎı¾×Ó½Úµã¿ÉÒÔʹÓÃnodeValue»ñÈ¡;
varbox=document.getElementById('box');
for(vari=0;i<box.childNodes.length;i++){
ÅжÏÊÇÔªËؽڵã,Êä³öÔªËرêÇ©Ãû;
if(box.childNodes[i].nodeType===1){
console.log('ÔªËؽڵã:'+box.childNodes[i].nodeName);
ÅжÏÊÇÎı¾½Úµã,Êä³öÎı¾ÄÚÈÝ;
}elseif(box.childNodes[i].nodeType===3){
console.log('Îı¾½Úµã:'+box.childNodes[i].nodeValue);
}
}
PS1:ÔÚ»ñÈ¡µ½Îı¾½Úµã(ÖصãÔÚÓÚÒѾ­²»ÊÇÔªËؽڵã)µÄʱºò,ÊÇÎÞ·¨Ê¹ÓÃinnerh**TMLÕâ¸öÊôÐÔÊä³öÎı¾ÄÚÈݵÄ;
Õâ¸ö·Ç±ê×¼µÄÊôÐÔ±ØÐëÔÚ»ñÈ¡ÔªËؽڵãµÄʱºò,²ÅÄÜÊä³öÀïÃæ°üº¬µÄÎı¾;
alert(box.innerh**TML);innerh**TMLºÍnodeValueµÚÒ»¸öÇø±ð;

PS2:innerh**TMLºÍnodeValueÔÚ¸³ÖµµÄʱºò,nodeValue»á°Ñ°üº¬ÔÚÎı¾ÀïµÄh**TMLתÒå³ÉÌØÊâµÄ×Ö·û,´Ó¶ø´ïµ½Ðγɴ¿Îı¾µÄЧ¹û;
¶øinnerh**TML»á½âÎöÎı¾ÀïµÄÌØÊâ×Ö·û;
box.childNodes[0].nodeValue='<strong>abc</strong>';=><strong>abc</strong>;
box.innerh**TML='<strong>abc</strong>';=>abc(Ñùʽ¼Ó´Ö);

(2).firstChildºÍlastChildÊôÐÔ
firstChild=childNodes[0];»ñÈ¡µ±Ç°ÔªËصĵÚÒ»¸ö×Ó½Úµã;
lastChild=childNodes[box.childNodes.length-1];»ñÈ¡µ±Ç°ÔªËØ×îºóÒ»¸ö×Ó½Úµã;

(3).ownerDocumentÊôÐÔ
·µ»Ø¸Ã½ÚµãµÄÎĵÔÏó¸ù½Úµã,·µ»ØµÄ¶ÔÏóÏ൱ÓÚdocument;
alert(box.ownerDocument===document);//=>true;¸ù½Úµã;

(4).parentNode/previousSibling/nextSiblingÊôÐÔ

parentNode:·µ»Ø¸Ã½ÚµãµÄ¸¸½Úµã;
previousSibling:·µ»Ø¸Ã½ÚµãµÄÇ°Ò»¸öͬ¼¶½Úµã;
nextSibling:·µ»Ø¸Ã½ÚµãµÄºóÒ»¸öͬ¼¶½Úµã;
alert(box.parentNode.nodeName);//»ñÈ¡¸¸½ÚµãµÄ±êÇ©Ãû;
alert(box.firstChild.nextSibling);//»ñÈ¡µÚ¶þ¸ö½Úµã;
alert(box.lastChild.previousSibling);//»ñÈ¡µ¹ÊýµÚ¶þ¸ö½Úµã;

(5).attributesÊôÐÔ
ÊôÐÔ·µ»Ø¸Ã½ÚµãµÄÊôÐԽڵ㼯ºÏ;
alert(document.getElementById('box').attributes);//=>NamedNodeMap;

(6).ºöÂÔ¿Õ°×Îı¾½Úµã

123456789101112131415161718192021222324252627282930313233343536varbody=document.getElementsByTagName('body')[0];//»ñÈ¡bodyÔªËؽڵã;alert(body.childNodes.length);//·ÇIE=7;IE=3;//PS:ÔÚ·ÇIEÖÐ,±ê×¼µÄDOM¾ßÓÐʶ±ð¿Õ°×Îı¾½ÚµãµÄ¹¦ÄÜ,¶øIE×Ô¶¯ºöÂÔÁË;functionfilterSpaceNode1(nodes){//ÐÂÊý×é;varret=[];for(vari=0;i<nodes.length;i++){//Èç¹ûʶ±ðµ½¿Õ°×Îı¾½Úµã,¾Í²»Ìí¼Óµ½Êý×é;if(nodes[i].nodeType===3&&/^s+$/.test(nodes[i].nodeValue))conti**e;//°Ñÿ´ÎµÄÔªËؽڵã,Ìí¼Óµ½Êý×éÀï;ret.push(nodes[i]);}returnret;}//PS:ÉÏÃæµÄ·½·¨,²ÉÓúöÂÔ¿Õ°×Îļþ½ÚµãµÄ·½·¨,°ÑµÃµ½µÄÔªËؽڵãÀÛ¼Óµ½Êý×éÀï·µ»Ø;functionfilterSpaceNode2(nodes){for(vari=0;i<nodes.length;i++){if(nodes[i].nodeType===3&&/^s+$/.test(nodes[i].nodeValue)){//µÃµ½¿Õ°×½ÚµãÖ®ºó,Ò»µÀ¸¸½ÚµãÉÏ,ɾ³ý×Ó½Úµã;nodes[i].parentNode.removeChild(nodes[i]);}}returnnodes;}//PS:firstChildµÈ·½·¨ÔÚ»ñÈ¡½ÚµãʱÓöµ½¿Õ°×½Úµã,´¦Àí·½·¨;functionremoveWhileNode(nodes){for(vari=0;i<nodes.childNodes.length;i++){if(nodes.childNodes[i].nodeType===3&&/^s+$/.test(nodes.childNodes[i].nodeValue)){nodes.childNodes[i].parentNode.removeChild(nodes.childNodes[i]);}}returnnodes;}

ËĽڵã²Ù×÷
//DOM²»µ¥µ¥¿ÉÒÔ²éÕÒ½Úµã,Ò²¿ÉÒÔ´´½¨½Úµã/¸´Öƽڵã/²åÈë½Úµã/ɾ³ý½ÚµãºÍÌæ»»½Úµã

½Úµã²Ù×÷·½·¨
·½·¨ËµÃ÷
write()Õâ¸ö·½·¨¿ÉÒÔ°ÑÈÎÒâ×Ö·û´®²åÈëµ½ÎĵµÖÐ;
createElement()´´½¨Ò»¸öÔªËؽڵã;
appendChild()½«Ð½ڵã×·¼Óµ½×Ó½ÚµãÁбíµÄĩβ;
createTextNode()´´½¨Ò»¸öÎļþ½Úµã;
insertBefore()½«Ð½ڵã²åÈëÔÚÇ°Ãæ;
replaceChild()½«Ð½ڵãÌæ»»¾É½Úµã;
cloneNode()¸´Öƽڵã;
removeChild()ÒƳý½Úµã;

(1).write()·½·¨
//write()·½·¨¿ÉÒÔ°ÑÈÎÒâ×Ö·û´®²åÈëµ½ÎĵµÖÐÈ¥;
document.write('<p>ÕâÊÇÒ»¸ö¶ÎÂä!</p>');//½âÎöºóÎÄ×Ö;

(2).createElement()·½·¨
createElement()·½·¨¿ÉÒÔ´´½¨Ò»¸öÔªËؽڵã;
document.createElement('p');//[objecth**TMLParagraphElement];

(3).appendChild()·½·¨
appendChild()·½·¨½«Ò»¸öнڵãÌí¼Óµ½Ä³¸ö½ÚµãµÄ×Ó½ÚµãÁбíµÄĩβÉÏ;
varbox=document.getElementById('box');
varp=document.createElement('p');//´´½¨Ò»¸öÐÂÔªËؽڵã<p>;
box.appendChild(p);//°ÑÐÂÔªËؽڵã<p>Ìí¼Ó×Ó½Úµãĩβ;

(4).createTextNode()·½·¨
¸Ã·½·¨´´½¨Ò»¸öÎı¾½Úµã;
vartext=document.createTextNode('¶ÎÂä');
p.appendChild(text);//½«Îı¾½ÚµãÌí¼Óµ½×Ó½Úµãĩβ;

(5).insertBefore()·½·¨

12345678910111213141516//¸Ã·½·¨¿ÉÒ԰ѽڵãÌí¼Óµ½Ö¸¶¨½ÚµãµÄÇ°Ãæ;box.parentNode.insertBefore(p,box);//ÔÚ<div>֮ǰÌí¼ÓÒ»¸ö<p>;box.insertBefore(newNode,**ll);//½«newNodeÌí¼Óµ½box×ÔÁбíµÄ×îºó½Úµã;//PS:insertBefore()·½·¨¿ÉÒÔ¸øµ±Ç°ÔªËصÄÇ°Ãæ´´½¨Ò»¸ö½Úµã,µ«Ã»ÓÐÌṩ¸øµ±Ç°ÔªËصĺóÃæ´´½¨Ò»¸ö½Úµã;functioninsertAfter(newElement,targetElement){//µÃµ½¸¸½Úµã;varparent=targetElement.parentNode;//Èç¹û×îºóÒ»¸ö×Ó½ÚµãÊǵ±Ç°ÔªËØ,ÄÇôֱ½ÓÌí¼Ó¼´¿É;if(parent.lastChild===targetElement){parent.appendChild(newElement);}else{//·ñÔò,ÔÚµ±Ç°½ÚµãµÄÏÂÒ»¸ö½Úµã֮ǰÌí¼Ó;´ï³ÉÔÚµ±Ç°½ÚµãºóÃæÌí¼Ó½ÚµãµÄÐèÇó;parentNode.insertBefore(newElement,targetElement.nextSibling);}}

(6).replaceChild()·½·¨
¸Ã·½·¨¿ÉÒ԰ѽڵãÌæ»»³ÉÖ¸¶¨µÄ½Úµã;
box.parentNode.replaceChild(p,box);//°Ñ<div>»»³ÉÁË<p>;

(7).cloneNode()·½·¨

//¸Ã·½·¨¿ÉÒÔ°Ñ×ӽڵ㸴ÖƳöÀ´;¸´Öƺ󷵻صĽڵ㸱±¾ÊôÓÚÎĵµËùÓÐ,µ«²¢Ã»ÓÐΪËüÖ¸¶¨¸¸½Úµã;
//²ÎÊýΪtrue:Ö´ÐÐÉÖÆ,¾ÍÊǸ´Öƽڵ㼰ÆäÕû¸ö×Ó½ÚµãÊ÷;
//²ÎÊýΪfalse:Ö´ÐÐdz¸´ÖÆ,Ö»¸´Öƽڵ㱾Éí;
varbox=document.getElementById('box');
varclone=box.firstChild.cloneNode(true);//»ñÈ¡µÚÒ»¸ö×Ó½Úµã,true±íʾ¸´ÖÆÄÚÈÝ;
box.appendChild(clone);//Ìí¼Óµ½×Ó½ÚµãÁбíĩβ;

(8).removeChild()·½·¨
¸Ã·½·¨É¾³ýÖ¸¶¨½Úµã;
box.parentNode.removeChild(box);