js»ñÈ¡HTML DOM½ÚµãÔªËØ·½·¨×ܽá
ÔÚWebÓ¦ÓóÌÐòÌØ±ðÊÇWeb2.0³ÌÐò¿ª·¢ÖУ¬¾³£Òª»ñÈ¡Ò³ÃæÖÐij¸öÔªËØ£¬È»ºó¸üиÃÔªËØµÄÑùʽ¡¢ÄÚÈݵȡ£ÈçºÎ»ñȡҪ¸üеÄÔªËØ£¬ÊÇÊ×ÏÈÒª½â¾öµÄÎÊÌâ¡£ÁîÈËÐÀοµÄÊÇ£¬Ê¹ÓÃJavaScript»ñÈ¡½ÚµãµÄ·½·¨ÓкܶàÖÖ£¬ÕâÀï¼òµ¥×öÒ»ÏÂ×ܽᣨÒÔÏ·½·¨ÔÚIE7ºÍFirefox2.0.0.11²âÊÔͨ¹ý£©¡£
1. ͨ¹ý¶¥²ãdocument½Úµã»ñÈ¡£º
(1)document.getElementById(elementId) £º¸Ã·½·¨Í¨¹ý½ÚµãµÄID£¬¿ÉÒÔ׼ȷ»ñµÃÐèÒªµÄÔªËØ£¬ÊDZȽϼòµ¥¿ì½ÝµÄ·½·¨¡£Èç¹ûÒ³ÃæÉϺ¬Óжà¸öÏàͬidµÄ½Úµã£¬ÄÇôֻ·µ»ØµÚÒ»¸ö½Úµã¡£
Èç½ñ£¬ÒѾ³öÏÖÁËÈçprototype¡¢MootoolsµÈ¶à¸öJavaScript¿â£¬ËüÃÇÌṩÁ˸ü¼ò±ãµÄ·½·¨£º$(id)£¬²ÎÊýÈÔÈ»ÊǽڵãµÄid¡£Õâ¸ö·½·¨¿ÉÒÔ¿´×÷ÊÇdocument.getElementById()µÄÁíÍâÒ»ÖÖд·¨£¬²»¹ý$()µÄ¹¦ÄܸüΪǿ´ó£¬¾ßÌåÓ÷¨¿ÉÒԲο¼ËüÃǸ÷×ÔµÄAPIÎĵµ¡£
(2)document.getElementsByName(elementName) £º¸Ã·½·¨ÊÇͨ¹ý½ÚµãµÄname»ñÈ¡½Úµã£¬´ÓÃû×Ö¿ÉÒÔ¿´³ö£¬Õâ¸ö·½·¨·µ»ØµÄ²»ÊÇÒ»¸ö½ÚµãÔªËØ£¬¶øÊǾßÓÐͬÑùÃû³ÆµÄ½ÚµãÊý×顣Ȼºó£¬ÎÒÃÇ¿ÉÒÔͨ¹ýÒª»ñÈ¡½ÚµãµÄij¸öÊôÐÔÀ´Ñ»·ÅжÏÊÇ·ñΪÐèÒªµÄ½Úµã¡£
ÀýÈ磺ÔÚHTMLÖÐcheckboxºÍradio¶¼ÊÇͨ¹ýÏàͬµÄnameÊôÐÔÖµ£¬À´±êʶһ¸ö×éÄÚµÄÔªËØ¡£Èç¹ûÎÒÃÇÏÖÔÚÒª»ñÈ¡±»Ñ¡ÖеÄÔªËØ£¬Ê×ÏÈ»ñÈ¡¸Ã×éÔªËØ£¬È»ºóÑ»·ÅжÏÊǽڵãµÄcheckedÊôÐÔÖµÊÇ·ñΪtrue¼´¿É¡£
(3)document.getElementsByTagName(tagName) £º¸Ã·½·¨ÊÇͨ¹ý½ÚµãµÄTag»ñÈ¡½Úµã£¬Í¬Ñù¸Ã·½·¨Ò²ÊÇ·µ»ØÒ»¸öÊý×飬ÀýÈ磺document.getElementsByTagName('A')½«»á·µ»ØÒ³ÃæÉÏËùÓг¬Á´½Ó½Úµã¡£
ÔÚ»ñÈ¡½Úµã֮ǰ£¬Ò»°ã¶¼ÊÇÖªµÀ½ÚµãµÄÀàÐ͵ģ¬ËùÒÔʹÓø÷½·¨±È½Ï¼òµ¥¡£µ«ÊÇȱµãÒ²ÊÇÏÔ¶øÒ×¼û£¬ÄǾÍÊÇ·µ»ØµÄÊý×é¿ÉÄÜÊ®·ÖÅÓ´ó£¬ÕâÑù¾Í»áÀ˷Ѻܶàʱ¼ä¡£ÄÇô£¬Õâ¸ö·½·¨ÊDz»ÊǾÍûÓÐÓô¦ÁËÄØ£¿µ±È»²»ÊÇ£¬Õâ¸ö·½·¨ºÍÉÏÃæµÄÁ½¸ö²»Í¬£¬Ëü²»ÊÇdocument½ÚµãµÄרÓз½·¨£¬»¹¿ÉÒÔÓ¦ÓÃÆäËûµÄ½Úµã£¬ÏÂÃæ½«»áÌáµ½¡£
2¡¢Í¨¹ý¸¸½Úµã»ñÈ¡£º
(1)parentObj.firstChild £ºÈç¹û½ÚµãΪÒÑÖª½Úµã£¨parentObj£©µÄµÚÒ»¸ö×Ó½Úµã¾Í¿ÉÒÔʹÓÃÕâ¸ö·½·¨¡£Õâ¸öÊôÐÔÊÇ¿ÉÒԵݹéʹÓõģ¬Ò²¾ÍÊÇÖ§³Ö:
parentObj.firstChild.firstChild.firstChild...
µÄÐÎʽ£¬Èç´Ë¾Í¿ÉÒÔ»ñµÃ¸üÉî²ã´ÎµÄ½Úµã¡£
(2)parentObj.lastChild £ººÜÏÔÈ»£¬Õâ¸öÊôÐÔÊÇ»ñÈ¡ÒÑÖª½Úµã£¨parentObj£©µÄ×îºóÒ»¸ö×ӽڵ㡣ÓëfirstChildÒ»Ñù£¬ËüÒ²¿ÉÒԵݹéʹÓá£ÔÚʹÓÃÖУ¬Èç¹ûÎÒÃǰѶþÕß½áºÏÆðÀ´£¬ÄÇô½«»á´ïµ½¸ü¼ÓÁîÈËÐ˷ܵÄЧ¹û£¬¼´£ºparentObj.firstChild.lastChild.la
Ïà¹ØÎĵµ£º
Meta±êÇ©Ïê½â£¬ÔÚÍøÉÏתµÄ£¬Ï£Íû¶Ô´ó¼ÒÓÐÓÃ
¡¡¡¡ÒýÑÔ
¡¡¡¡ÄúµÄ¸öÈËÍøÕ¾¼´Ê¹×öµÃÔÙ¾«²Ê£¬ÔÚ“ºÆå«È纣”µÄÍøÂç¿Õ¼äÖУ¬Ò²ÈçÒ»Ò¶±âÖÛ²»Ò×ΪÈË·¢ÏÖ£¬ÈçºÎÍÆ¹ã
¸öÈËÍøÕ¾£¬ÈËÃÇÊ×ÏÈÏëµ½µÄ·½·¨ÎÞÍâºõÒÔϼ¸ÖÖ£º
¡¡¡¡¡ñ¡¡ÔÚËÑË÷ÒýÇæÖеǼ×Ô¼ºµÄ¸öÈËÍøÕ¾
¡¡¡¡¡ñ¡¡ÔÚÖªÃûÍøÕ¾¼ÓÈëÄã¸öÈËÍøÕ¾µÄÁ´½Ó
¡¡¡¡¡ñ¡¡ÔÚÂÛ̳ ......
<input type="text" value="" maxlength="18"
name="goods.goodsName" value="${goods.goodsName}"
style="width: 99%;" id="goodsName">
value ÊôÐÔ ÖØ¸´ £¬ µ¼Ö嵀 input Ç°Ì¨Ò³Ãæ Öµ Ϊ ""
ÒÔµÚÒ»¸öÊôÐÔµÄÖµÎª× ......
AjaxÏÖÔÚÒѾÊÇÏ൱Á÷Ðеļ¼ÊõÁË£¬Ajax²»½öÊÇÏë·þÎñÆ÷¶Ë·¢ËÍÏûÏ¢£¬¸üÖØÒªµÄÊÇÎÞˢеÄÖØÔØÒ³Ãæ¡£
Èç¹ûÒ³Ãæµ¥´¿µÄʹÓÃjsÀ´´´½¨£¬ÒªÐ´´óÁ¿µÄ´úÂ룬¶øÇÒ²»Ö±¹Û¡£
ÔÚasp.netÖУ¬ÆäʵÎÒÃÇ¿ÉÒÔ´´½¨Óû§×Ô¶¨Òå¿Ø¼þ£¬Í¨¹ýAjaxÇëÇó·µ»ØÓû§×Ô¶¨Òå¿Ø¼þHTML´úÂë¡£
public static string RangerUsControl(string controlName) ......
Îı¾¸ñʽ»¯±êÇ©
±êÇ©ÃèÊö
<b>
¶¨Òå´ÖÌåÎı¾¡£
<big>
¶¨Òå´óºÅ×Ö¡£
<em>
¶¨Òå×ÅÖØÎÄ×Ö¡£
<i>
¶¨ÒåбÌå×Ö¡£
<small>
¶¨ÒåСºÅ×Ö¡£
<strong>
¶¨Òå¼ÓÖØÓïÆø¡£
<sub>
¶¨Òåϱê×Ö¡£
<sup>
¶¨ÒåÉϱê×Ö¡£
<ins>
¶¨Òå²åÈë×Ö¡£
<del>
¶¨Òåɾ³ý×Ö¡£ ......
nodeName¡¢nodeValue ÒÔ¼° nodeType °üº¬ÓйØÓÚ½ÚµãµÄÐÅÏ¢¡£
½ÚµãÐÅÏ¢
ÿ¸ö½Úµã¶¼ÓµÓаüº¬×ŹØÓÚ½ÚµãijЩÐÅÏ¢µÄÊôÐÔ¡£ÕâЩÊôÐÔÊÇ£º
nodeName£¨½ÚµãÃû³Æ£©
nodeValue£¨½ÚµãÖµ£©
nodeType£¨½ÚµãÀàÐÍ£©
nodeName
nodeName ÊôÐÔº¬ÓÐij¸ö½ÚµãµÄÃû³Æ¡£
ÔªËØ½ÚµãµÄ nodeName ÊDZêÇ©Ãû³Æ
ÊôÐÔ½ÚµãµÄ nodeName ÊÇÊôÐÔ ......