JavaScriptÖÐsetAttributeÓ÷¨
ÎÒÃǾ³£ÐèÒªÔÚJavaScriptÖиøElement¶¯Ì¬Ìí¼Ó¸÷ÖÖÊôÐÔ£¬Õâ¿ÉÒÔͨ¹ýʹÓÃsetAttribute()À´ÊµÏÖ£¬Õâ¾ÍÉæ¼°µ½ÁËä¯ÀÀÆ÷µÄ¼æÈÝÐÔÎÊÌâ¡£
setAttribute(string name, string value)£ºÔö¼ÓÒ»¸öÖ¸¶¨Ãû³ÆºÍÖµµÄÐÂÊôÐÔ£¬»òÕß°ÑÒ»¸öÏÖÓеÄÊôÐÔÉ趨Ϊָ¶¨µÄÖµ¡£
1¡¢ÑùʽÎÊÌâ
setAttribute(class, value)ÖÐclassÊÇÖ¸¸Ä±äclassÕâ¸öÊôÐÔ£¬ËùÒÔÒª´øÒýºÅ¡£
vName´ú±í¶ÔÑùʽ¸³Öµ¡£
ÀýÈç:
var input = document.createElement(input);
input.setAttribute(type, text);
input.setAttribute(name, q);
input.setAttribute(class,bordercss);
Êä³öʱ£º,¼´£¬input¿Ø¼þ¾ßÓÐbordercssÑùʽÊôÐÔ
×¢Ò⣺classÊôÐÔÔÚW3C DOMÖаçÑÝןÜÖØÒªµÄ½ÇÉ«£¬µ«ÓÉÓÚä¯ÀÀÆ÷²îÒìÐÔÈÔÈ»´æÔÚ¡£
ʹÓÃsetAttribute(class, vName)Óï¾ä¶¯Ì¬ÉèÖÃElementµÄclassÊôÐÔÔÚfirefoxÖÐÊÇÐеÄͨµÄ£¬µ«ÔÚIEÖÐÈ´²»ÐС£ÒòΪʹÓÃIEÄں˵Ää¯ÀÀÆ÷²»ÈÏʶclass£¬Òª¸ÄÓÃclassName£»
ͬÑù£¬firefox Ò²²»ÈÏʶclassName¡£ËùÒÔ³£Óõķ½·¨ÊǶþÕ߼汸£º
element.setAttribute(class, value); //for firefox
element.setAttribute(className, value); //for IE
2¡¢·½·¨ÊôÐÔµÈÎÊÌâ
ÀýÈ磺
var bar = document.getElementById(testbt);
bar.setAttribute(onclick, javascript:alert('This is a test!'););
ÕâÀïÀûÓÃsetAttributeÖ¸¶¨eµÄonclickÊôÐÔ£¬¼òµ¥£¬ºÜºÃÀí½â¡£
µ«ÊÇIE²»Ö§³Ö£¬IE²¢²»ÊDz»Ö§³ÖsetAttributeÕâ¸öº¯Êý£¬¶øÊDz»Ö§³ÖÓÃsetAttributeÉèÖÃijЩÊôÐÔ£¬ÀýÈç¶ÔÏóÊôÐÔ¡¢¼¯ºÏÊôÐÔ¡¢Ê¼þÊôÐÔ£¬Ò²¾ÍÊÇ˵ÓÃsetAttributeÉèÖÃstyleºÍonclickÕâЩÊôÐÔÔÚIEÖÐÊÇÐв»Í¨µÄ¡£
Ϊ´ïµ½¼æÈݸ÷ÖÖä¯ÀÀÆ÷µÄЧ¹û£¬¿ÉÒÔÓõã·ûºÅ·¨À´ÉèÖÃElementµÄ¶ÔÏóÊôÐÔ¡¢¼¯ºÏÊôÐÔºÍʼþÊôÐÔ¡£
document.getElementById(testbt).className = bordercss;
document.getElementById(testbt).style.cssText = color: #00f;;
document.getElementById(testbt).style.color = #00f;
document.getElementById(testbt).onclick= function () { alert(This is a test!); }
ÓÉ´ËÑÓÉìµÄÎÊÌâ:
Ò»¸öinputµÄtext,µ±½«html¸³ÖµÎªÄ³¸ödivµÄinnerHTMLʱ,Óöµ½Ò»¸öÏÖÏó,µ±ÔÚfirefoxÏÂʱ(IEϲ»´æÔÚ´ËÎÊÌâ), ¸³ÖµºóµÄinnerHTMLÀï²»º¬ÓÐvalue,¼´µ±ÄãÔÚÎı¾¿òÊäÈëÄÚÈݺó,ÄãÏ뽫¸³Öµ¸ødivʱ,Ö»»áµÃµ½,ÕâÀï×ÜÊǻὫvalueÇå³ý.
Õâʱ,setAttributeÆð×÷ÓÃÁË,ÔÚinputÄÚ¼ÓÉÏ:onkeyup=t
Ïà¹ØÎĵµ£º
JavaScript µÄ³É¹¦ÈÃÈ˽ò½òÀÖµÀ£¬Îª Web ÍøÒ³±àд JavaScript ´úÂëÒѾÊÇËùÓÐ Web Éè¼ÆÊ¦µÄ»ù±¾¹¦£¬ÕâÃÅÓÐȤµÄÓïÑÔÔ̲Ø×ÅÐí¶à²»ÎªÈËÊìÖªµÄ¶«Î÷£¬¼´Ê¹¶àÄêµÄ JavaScript ³ÌÐòÔ±£¬Ò²Î´ÄÜÍêÈ«³Ô͸¡£±¾ÎÄ´Ó7¸ö·½Ãæ½²Êö JavaScript ÖÐÄÇЩÄã²»ºÜÊìÖªµ«·Ç³£ÊµÓõļ¼ÇÉ¡£
¼òÂÔÓï¾ä
JavaScript ¿ÉÒÔʹÓüòÂÔÓï¾ä¿ìËÙ´´½¨¶ÔÏóºÍÊý× ......
½ñÌìÒ»¸öͬÊÂÐèҪʵÏÖÕâôһ¸öЧ¹û£¬ÓÚÊǾͲâÊÔÁËһϣ¬ÖмäµÄÂß¼ÓÃÁ˺ݳ¤Ê±¼ä£¬²»¹ý×îÖÕ»¹ÊǸã³öÀ´ÁË£¡´úÂëÓеãÓ·Ö×£¬Ã»Ê±¼äÓÅ»¯£¬ÓÐÓõ½ÀàËÆ¹¦ÄܵÄÅóÓÑ¿ÉÒÔ×Ô¼ºÓÅ»¯Ò»Ï£¡£¨Ðè¼ÓÈë×Ô¼ºµÄjqueryÎļþ£©
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran ......
JavaScript»ñÈ¡DOM½ÚµãÔªËØ
ÔÚWebÓ¦ÓóÌÐòÌØ±ðÊÇWeb2.0³ÌÐò¿ª·¢ÖУ¬¾³£Òª»ñÈ¡Ò³ÃæÖÐij¸öÔªËØ£¬È»ºó¸üиÃÔªËØµÄÑùʽ¡¢ÄÚÈݵȡ£ÈçºÎ»ñȡҪ¸üеÄÔªËØ£¬ÊÇÊ×ÏÈÒª½â¾öµÄÎÊÌâ¡£ÁîÈËÐÀοµÄÊÇ£¬Ê¹ÓÃJavaScript»ñÈ¡½ÚµãµÄ·½·¨ÓкܶàÖÖ£¬ÕâÀï¼òµ¥×öÒ»ÏÂ×ܽ᣺
ͨ¹ý¶¥²ãdocument½Úµã»ñÈ¡£º
1. document.getElement
......
ÐèÒªÁ˽âµÄHTML֪ʶ
±êÇ© table,tr,th,td
ÓÃÑ»·½øÐÐÖØ¸´²Ù×÷
for(;;){}
javascript×Ö·û´®
ÔÚjavascriptÖУ¬µÚÒ»¸ö×Ö·ûÔÚλÖÃ0ÉÏ¡£cat£¬cÔÚλÖÃ0ÉÏ£¬aÔÚλÖÃ1É ......
µ±ÐèÒªÔÚÍøÒ³ÖÐÏÔʾʱ¼äʱ¿ÉÒÔÓõ½ÏÂÃæÕâ¶Î´úÂ룺
<SCRIPT language=JavaScript type=text/JavaScript>
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate(); ......