???????Element????
?????????????????????????????????Element?????
??????????????????????Element??????????HTMLElement?????????????????????????????
????document.getElementById("test")
???????????Element?????????????????“DOM????”?????????Element????????
?????????????????????????
?????????????Node?????????Щ????????????У???????????????????????????е??
??????????tagName???????????Node?????nodeName????????????????????????д????????????????????????????
?????????????????????toLowerCase()???????????????
????????????????HTMLElement????
????HTMLElement????????Element????????HTML??????????????????????????????????????????
?????????????????Щ???????????磺
????id ??????
????title ?????????????????????????
????className ????
????????????????????д???????????????????????Ч????
?????????????????м???????????
?????????????????????????
????getAttribute ??setAttribute ??removeAttribute??3????????
??????Щ???????????????????????ò????????????????塣
???????????attributes???????????????????????
???????????????????????ele.className ?? ele.getAttribute(“class”)??????????????????????
?????????????????????????????????????????????????????????inpnt???
????<input id="test" checked="checked">
????????????????????????? input.attributes???棬????????html??????????class??id??????????????data-test?????????
??????? getAttribute ??setAttribute ??removeAttribute??3???????????????????attributes???????????????input.id????input.className??????????input?μ????????attributes????????????????????????????????????????????????????????input.checked??input.getAttribute(“checked”)?????
???????????????????????????д?????￡????????? ??is(“:checked”)??? ??????????????????????????o????o??????????????????????????
??????????????3?????????????????????????????????id??class??????“????????”??
???????????????????
????document.createElement()?????????????????磺
????document.createElement("div");
???????????????????????????????????????????node.property??????node.setAttribute(“propertyName”??”value”)????
??????????????Щ?????????????????????У???????????????潲??????appendChild??Щ???????????????????檔
??????IE?У???????????????HTML????????????????????????
????document.createElement("<div>test</div>");
???????????????HTMLDocument???????Щ?????????????getElementsByTagName?????????????????????????????????д????
????document.getElementById("test").getElementsByTagName("div");    // ???id?test????μ?????div???
?????塢Text????
??????????????????????????????????????????Document??Element????
??????????????????????????
?????и????????????????????????????????????????????= =??
????????text???????????????????nodeValue????data?????
??????????????????Щ????
????appendData();    // ??text?β??????
????deleteData(offset?? count);    // ??offset?????λ???????count?????
????????insertDate??replaceData??splitText?????????????????????????????????????????
????????????????lenght??????????????????
???????????????????????????????html??
????<ul>
????<li></li>
????<li></li>
????</ul>
????????ul??????????firstChild????????????????????????????li?????????????????????li???????????????
???????????????????ul??????li????п??????????????????????
??????????????????????????ul??childNodes???????????????????ж???nodeType????????1??????1????????????????????????????????????????????????е??????з???
????????????????????document.createTextNode
?????????????????Element????????????????????У????????????????
???????????????Щ???? Comment??DocumentType??DocumentFragment
??????Щ?????????仰??????
????Comment???????
????DocumentType??doctype??????docment.doctype??????
????DocumentFragment????????????????Σ???????????
?????????????????÷?????????ul?в???3??li??
????????????????3?Σ?????????????3?Σ?????????????????
??????????????????
??????
????var fragment = document.createDocumentFragment();
????????????li????appendChild????fragment????
????????????fragment????ul???檔????????
???????DOM???
???????????潲????????????????????DOM????????????????????潲???DOM??????Щ??????
??????????????????????????ЩDOM?????
????????????????????????????????????????????????
?????ж?“?????”??“??????”??? document.compatMode???μ?document.documentMode
???????治????????????????????????????????????????????????children??????????????????????
???????????ж?A????????B??????????????contains??????????
????B.contains(A);    // true???????false???????
????????????м???????????????????????????
????????????????????4??????innerText/innerHTML/outerTEXT/outerHTML??
?????????Щ?????????????д????
???????У?*TEXT???????????? *HTML?????html?????
??????outer*????????????????????
??????????????????????????? inner*??outer*???????
???????????д????????????????????????????
????????????????????????????????????IE?У????inner*????????????????????????У????????????????檔
???????????????????????????html??????innerHTML??????????????á?
??????????
?????????л???п???????????????????????DOM?????????????????????????????????????????????ɡ????±?????????е?ζ???????????????????????????????????^ ^??