JavaScript»ñÈ¡DOM½ÚµãÔªËØ
JavaScript»ñÈ¡DOM½ÚµãÔªËØ
ÔÚWebÓ¦ÓóÌÐòÌØ±ðÊÇWeb2.0³ÌÐò¿ª·¢ÖУ¬¾³£Òª»ñÈ¡Ò³ÃæÖÐij¸öÔªËØ£¬È»ºó¸üиÃÔªËØµÄÑùʽ¡¢ÄÚÈݵȡ£ÈçºÎ»ñȡҪ¸üеÄÔªËØ£¬ÊÇÊ×ÏÈÒª½â¾öµÄÎÊÌâ¡£ÁîÈËÐÀοµÄÊÇ£¬Ê¹ÓÃJavaScript»ñÈ¡½ÚµãµÄ·½·¨ÓкܶàÖÖ£¬ÕâÀï¼òµ¥×öÒ»ÏÂ×ܽ᣺
ͨ¹ý¶¥²ãdocument½Úµã»ñÈ¡£º
1. document.getElement
ById(elementId)
¸Ã·½·¨Í¨¹ý½ÚµãµÄID£¬¿ÉÒÔ׼ȷ»ñµÃÐèÒªµÄÔªËØ£¬ÊDZȽϼòµ¥¿ì½ÝµÄ·½·¨¡£Èç¹ûÒ³ÃæÉϺ¬Óжà¸öÏàͬidµÄ½Úµã£¬ÄÇôֻ·µ»ØµÚÒ»¸ö½Úµã¡£Èç½ñ£¬ÒѾ³öÏÖÁËÈçprototype¡¢MootoolsµÈ¶à¸öJavaScript¿â£¬ËüÃÇÌṩÁ˸ü¼ò±ãµÄ·½·¨£º$(id)£¬²ÎÊýÈÔÈ»ÊǽڵãµÄid¡£Õâ¸ö·½·¨¿ÉÒÔ¿´×÷ÊÇdocument.getElementById()µÄÁíÍâÒ»ÖÖд·¨£¬²»¹ý$()µÄ¹¦ÄܸüΪǿ´ó£¬¾ßÌåÓ÷¨¿ÉÒԲο¼ËüÃǸ÷×ÔµÄAPIÎĵµ¡£
2. document.getElements
ByName(elementName)
¸Ã·½·¨ÊÇͨ¹ý½ÚµãµÄname»ñÈ¡½Úµã£¬´ÓÃû×Ö¿ÉÒÔ¿´³ö£¬Õâ¸ö·½·¨·µ»ØµÄ²»ÊÇÒ»¸ö½ÚµãÔªËØ£¬¶øÊǾßÓÐͬÑùÃû³ÆµÄ½ÚµãÊý×顣Ȼºó£¬ÎÒÃÇ¿ÉÒÔͨ¹ýÒª»ñÈ¡½ÚµãµÄij¸öÊôÐÔÀ´Ñ»·ÅжÏÊÇ·ñΪÐèÒªµÄ½Úµã¡£ ÀýÈ磺ÔÚHTMLÖÐcheckboxºÍradio¶¼ÊÇͨ¹ýÏàͬµÄnameÊôÐÔÖµ£¬À´±êʶһ¸ö×éÄÚµÄÔªËØ¡£Èç¹ûÎÒÃÇÏÖÔÚÒª»ñÈ¡±»Ñ¡ÖеÄÔªËØ£¬Ê×ÏÈ»ñÈ¡¸Ä×éÔªËØ£¬È»ºóÑ»·ÅжÏÊǽڵãµÄcheckedÊôÐÔÖµÊÇ·ñΪtrue¼´¿É¡£
3. document.g
etElements
ByTagName(tagName)
¸Ã·½·¨ÊÇͨ¹ý½ÚµãµÄTag»ñÈ¡½Úµã£¬Í¬Ñù¸Ã·½·¨Ò²ÊÇ·µ»ØÒ»¸öÊý×飬ÀýÈ磺document.getElementsByTagName('A')½«»á·µ»ØÒ³ÃæÉÏËùÓг¬Á´½Ó½Úµã¡£ÔÚ»ñÈ¡½Úµã֮ǰ£¬Ò»°ã¶¼ÊÇÖªµÀ½ÚµãµÄÀàÐ͵ģ¬ËùÒÔʹÓø÷½·¨±È½Ï¼òµ¥¡£µ«ÊÇȱµãÒ²ÊÇÏÔ¶øÒ×¼û£¬ÄǾÍÊÇ·µ»ØµÄÊý×é¿ÉÄÜÊ®·ÖÅÓ´ó£¬ÕâÑù¾Í»áÀ˷Ѻܶàʱ¼ä¡£ÄÇô£¬Õâ¸ö·½·¨ÊDz»ÊǾÍûÓÐÓô¦ÁËÄØ£¿µ±È»²»ÊÇ£¬Õâ¸ö·½·¨ºÍÉÏÃæµÄÁ½¸ö²»Í¬£¬Ëü²»ÊÇdocument½ÚµãµÄרÓз½·¨£¬»¹¿ÉÒÔÓ¦ÓÃÆäËûµÄ½Úµã¡£
ͨ¹ý¸¸½Úµã»ñÈ¡
1. parentObj.firstChild
Èç¹û½ÚµãΪÒÑÖª½Úµã£¨parentObj£©µÄµÚÒ»¸ö×Ó½Úµã¾Í¿ÉÒÔʹÓÃÕâ¸ö·½·¨¡£Õâ¸öÊôÐÔÊÇ¿ÉÒԵݹéʹÓõģ¬Ò²¾ÍÊÇÖ§³ÖparentObj.firstChild.firstChild.firstChild...µÄÐÎʽ£¬Èç´Ë¾Í¿ÉÒÔ»ñµÃ¸üÉî²ã´ÎµÄ½Úµã¡£
2. parentObj.lastChild
ºÜÏÔÈ»£¬Õâ¸öÊôÐÔÊÇ»ñÈ¡ÒÑÖª½Úµã£¨pare
Ïà¹ØÎĵµ£º
ÕýÔò±í´ïʽÊÇÒ»¸ö·Ç³£·Ç³£·Ç³£Ç¿´óµÄÓïÑÔ£¬ÕâÀïÁ¬ÐøÓÃÁËÈý¸ö·Ç³££¬ÎÒ¾õµÃ»¹²»¹»£¬Ëü½¿Ð¡µ«È´¹¦
ÄÜÇ¿´ó£¬¾ø¶ÔµÄŨËõµÄ¾ÍÊǾ«»ª£¬ÎÒ·¢ÏÖÎÒÔ½À´Ô½Ï²»¶ËüÁË¡£
Õâ¶Îʱ¼ä×öÈͮ򵀫¦Àí£¬ÐèÒªÓõ½ÈÕÆÚµÄ¼ÆË㣬°üÀ¨¼Ó¼õʲôµÄ£¬ÓÚÊÇ×öÁËÒ»¸ö¹«Óô¦ÀíµÄÀ©Õ¹£¬½Ð
String.prototype.dateExpression¡£ÒòΪÈÕÆÚ´¦Àí¶¼»áÓõ½±í´ïʽ£¬À ......
JavaScript µÄ³É¹¦ÈÃÈ˽ò½òÀÖµÀ£¬Îª Web ÍøÒ³±àд JavaScript ´úÂëÒѾÊÇËùÓÐ Web Éè¼ÆÊ¦µÄ»ù±¾¹¦£¬ÕâÃÅÓÐȤµÄÓïÑÔÔ̲Ø×ÅÐí¶à²»ÎªÈËÊìÖªµÄ¶«Î÷£¬¼´Ê¹¶àÄêµÄ JavaScript ³ÌÐòÔ±£¬Ò²Î´ÄÜÍêÈ«³Ô͸¡£±¾ÎÄ´Ó7¸ö·½Ãæ½²Êö JavaScript ÖÐÄÇЩÄã²»ºÜÊìÖªµ«·Ç³£ÊµÓõļ¼ÇÉ¡£
¼òÂÔÓï¾ä
JavaScript ¿ÉÒÔʹÓüòÂÔÓï¾ä¿ìËÙ´´½¨¶ÔÏóºÍÊý× ......
»º´æÏµÍ³ÎÒÒÔǰÔÚ²©¿Íд¹ýÁË£¬´ËºóÎÒ¶ÔjavascriptµÄÕÜѧ·¢ÉúºÜ´óµÄ¸Ä±ä¡£ÒÔǰÊǾ¡Á¿±ÜÃâ¶ÔÔÐͽøÐÐÀ©Õ¹µÄ£¬µ«·´¹ýÀ´Ò»Ï룬ÓÐʲô¹ØÏµ£¿³ý·ÇÊÇɵ×Ó»òÌØ±ð²ËµÄÈ˲Żá»ìÓöà¸ö¿â£¬ÄÜ»ìÓÿâµÄÈËÒ²Ö»ÓиßÊÖ²ÅÄܱÜÃâÃüÃû³åÍ»µÄÞÏÞΡ£Ê®´óÀà¿âÖУ¬Ç°Ã漸¸ö¶¼ÊǶÔÔÐͽøÐзè¿ñÀ©Õ¹µÄ¡£Ïñmootools£¬´úÂë²»¶à£¬µ«ÄÜʵÔÚ±ÈjQuery¶àÐí¶à ......
JavaScript ʱÖÓ£¨´úÂ룩:
<html>
<body onload=aaa()>
<script type="text/javascript">
var nowtime ;
var year ;
var month ,date,hours,minutes,seconds,all;
function aaa()
{
nowtime = new Date();
year = nowtime.getYear();
month = nowtime.getMonth()+1;
date = nowtim ......