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
Ïà¹ØÎĵµ£º
´Ë´¦Ç¶ÈëµÄflashÀïÃæµÄͼƬÊÇ¿ÉÒÔËæÊ±·¢Éú¸Ä±äµÄͼƬ£¨¶¯Ì¬Í¼Æ¬£©
×¢ÒâÀ¶É«×ÖÌåµÄµØ·½£¬ÕâЩµØ·½¶¼ÒªÍ³Ò»
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="${ctx}/ui/Login/AC_RunActiveContent.js"
language="javascript"></script& ......
<input type="text" value="" maxlength="18"
name="goods.goodsName" value="${goods.goodsName}"
style="width: 99%;" id="goodsName">
value ÊôÐÔ ÖØ¸´ £¬ µ¼Ö嵀 input Ç°Ì¨Ò³Ãæ Öµ Ϊ ""
ÒÔµÚÒ»¸öÊôÐÔµÄÖµÎª× ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta NAME="Copyright" CONTENT="">
<meta http-equiv="Content-Type" content="text/html; charset=u ......
ÔÚÍøÉÏËÑѰµ½2Öнâ¾ö·½°¸£º
1.ÆäʵֻҪÔÚ±í¸ñ¿ØÖÆÖÐÌí¼ÓÒ»¾ä
<td style="word-break:break-all">¾Í¸ã¶¨ÁË¡£
ÆäÖпÉÄܶÔÓ¢ÎÄ»»ÐпÉÄÜ»á·Ö¿ªÒ»¸öµ¥´ÊÎÊÌ⣺½â¾öÈçÏ£º
Óï·¨£º
word-break : normal | break-all | keep-all
²ÎÊý£º
normal : ¡¡ÒÀÕÕÑÇÖÞÓïÑԺͷÇÑÇÖÞÓïÑÔµÄÎı¾¹æÔò£¬ÔÊÐíÔÚ×ÖÄÚ»»ÐÐ
break-all ......