-------------------- Js-Dom | -------------------- * Dom:Document Object Model Îĵµ¶ÔÏóÄ£ÐÍ * Îĵµ:³¬Îı¾Îĵµ(³¬Îı¾±ê¼ÇÎĵµ)html,xml * ¶ÔÏó:ÌṩÁËÊôÐԺͷ½·¨ * Ä£ÐÍ:ʹÓÃÊôÐԺͷ½·¨²Ù×÷³¬Îı¾±ê¼ÇÐÎÎĵµ * ¿ÉÒÔʹÓÃjsÖÐdomÀïÃæÌṩµÄ¶ÔÏó,ʹÓÃÕâЩ¶ÔÏóµÄÊôÐԺͷ½·¨,¶Ô±ê¼ÇÐÍÎĵµ½øÐвÙ×÷ * ÏëÒª²Ù×÷Îĵµ,¾ÍÒª°ÑÎĵµÖеÄËùÓÐÄÚÈÝ,¶¼·â×°³É¶ÔÏó * һЩ³£¼û¶ÔÏó document Õû¸öHTMLÎĵµ¶ÔÏó element ±êÇ©¶ÔÏó node ½Úµã¶ÔÏó,ÊDZêÇ©¶ÔÏóµÄ¸¸¶ÔÏó Îı¾¶ÔÏó ²»Äܵ¥¶À´æÔÚ,ÊÇÒÀÀµÓÚ±êÇ© ÊôÐÔ¶ÔÏó ²»Äܵ¥¶À´æÔÚ,ÊÇÒÀÀµÓÚ±êÇ© * DHTML -- ¶¯Ì¬µÄHTML ËüÆäʵÊDz»ÊÇÒ»ÖÖ¼¼Êõ,¶øÊǶàÖÖ¼¼ÊõµÄºÏÌå dom html css javacropt ¾ÍÕâЩ html -- ¸ºÔð°ÑÊý¾Ý½øÐзâ×° dom -- °Ñ±êÇ©·â×°³É¶ÔÏó css -- ¸ºÔð±êÇ©ÖÐÊý¾ÝµÄÑùʽ javacript -- ½«ÈýÕß½øÐÐÈÚºÏ,ͨ¹ý³ÌÐòÉè¼Æ·½Ê½À´Íê³É¶¯Ì¬Ð§¹ûµÄÕ¹ÏÖ/²Ù×÷ -------------------- Js-½Úµã | -------------------- ÔªËؽڵã Îı¾½Úµã ÊôÐÔ½Úµã ×¢Êͽڵã -------------------- Js-½Úµã²Ù×÷ | -------------------- # »ñÈ¡½Úµã getElementById(); * ¸ù¾Ý±êÇ©µÄIDÖµ»ñÈ¡±êÇ© getElementsByName(); * ¸ù¾Ý±êÇ©Ãû³Æ»ñÈ¡½Úµã,·µ»Ø:HTMLCollection * demo var nodes = getElementsByName("div"); nodes[0]; nodes.item(0); getElementsByClassName(); * ¸ù¾ÝnameÊôÐÔÖµ»ñÈ¡½Úµã,·µ»Ø:NodeList * demo var nodes = getElementsByClassName("foo"); nodes[0]; nodes.item(0); # ½ÚµãÖ¸Õë NodeList childNodes; * ·µ»ØËùÓÐ×Ó½ÚµãÁбí Node firstChild; * Ö¸ÏòÔÚchildNodesÁбíÖеĵÚÒ»¸ö½Úµã Node lastChild; * Ö¸ÏòÔÚChildNodesÁбíÖеÄ×îºóÒ»¸ö½Úµã Node parentNode; * ·µ»Ø¸¸½Úµã Node previousSibling; * Ö¸ÏòÇ°Ò»¸öÐֵܽڵã,Èç¹û²»´æÔÚ,·µ»Ønull Node nextSibling; * Ö¸ÏòºóÒ»¸öÐֵܽڵã,Èç¹û²»´æÔÚ,·µ»Ønull # ½Úµã²Ù×÷ * ´´½¨½Úµã createElement(); * ´´½¨THML½Úµã createAttribute(); * ´´½¨ÊôÐÔ½Úµã createTextNode(); * ´´½¨Îı¾½Úµã * ²åÈë½Úµã appendChild(); * Ìí¼ÓеÄ×Ó½Úµã insertBefor(нڵã,×Ó½Úµã); * ÔÚÖ¸¶¨µÄ×Ó½ÚµãÇ°²åÈëÒ»¸öеĽڵã * Ìæ»»½Úµã replaceChild(нڵã,¾É½Úµã); * ÒÔнڵãÌæ»»¾É½Úµã * ¸´Öƽڵã cloneNode(boolean); * ·µ»Ø ¿Ë¡µÄ½Úµã,¸ù¾Ý²ÎÊý¾ö¶¨ÊÇ·ñÒª¸´ÖÆ×Ó½Úµã * ɾ³ý½Úµã removeChild(); * ɾ³ýÖ¸¶¨µÄ×Ó½Úµã # ÊôÐÔ²Ù×÷ * »ñÈ¡ÊôÐÔ getAttribute(ÊôÐÔÃû³Æ); * »ñÈ¡Ö¸¶¨Ãû³ÆµÄÊôÐÔ * ÉèÖÃÊôÐÔ setAttribute(ÊôÐÔÃû,ÊôÐÔÖµ); * ÉèÖÃÊôÐÔ * ɾ³ýÊôÐÔ removeAttribute(ÊôÐÔÃû³Æºô); * ɾ³ýÊôÐÔ