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µÄÕÜѧ·¢ÉúºÜ´óµÄ¸Ä±ä¡£ÒÔǰÊǾ¡Á¿±ÜÃâ¶ÔÔÐͽøÐÐÀ©Õ¹µÄ£¬µ«·´¹ýÀ´Ò»Ï룬ÓÐʲô¹ØÏµ£¿³ý·ÇÊÇɵ×Ó»òÌØ±ð²ËµÄÈ˲Żá»ìÓöà¸ö¿â£¬ÄÜ»ìÓÿâµÄÈËÒ²Ö»ÓиßÊÖ²ÅÄܱÜÃâÃüÃû³åÍ»µÄÞÏÞΡ£Ê®´óÀà¿âÖУ¬Ç°Ã漸¸ö¶¼ÊǶÔÔÐͽøÐзè¿ñÀ©Õ¹µÄ¡£Ïñmootools£¬´úÂë²»¶à£¬µ«ÄÜʵÔÚ±ÈjQuery¶àÐí¶à ......
µÚÎåÕ Êý×é JavaScriptµÄÊý×éÒ²ÊÇÒ»¸ö±È½ÏÓÐÒâ˼µÄÖ÷Ì⣬ËäÈ»ÃûΪÊý×é(Array)£¬µ«ÊǸù¾ÝÊý×é¶ÔÏóÉϵķ½·¨À´¿´£¬¸üÏñÊǽ«ºÜ¶à¶«Î÷»ìÔÚÔÚÒ»ÆðµÄ½á¹û¡£¶ø´«Í³µÄ³ÌÐòÉè¼ÆÓïÑÔÈçC/JavaÖУ¬Êý×éÄÚµÄÔªËØÐèÒª¾ßÓÐÏàͬµÄÊý¾ÝÀàÐÍ£¬¶ø×÷ΪÈõÀàÐ͵ÄJavaScript£¬ÔòûÓÐÕâ¸öÏÞÖÆ£¬ÊÂʵÉÏ£¬JavaScriptµÄͬһ¸öÊý×éÖУ¬¿ÉÒÔÓи÷ÖÖÍêÈ«²»Í ......
window.onload= someFunction();//Ò³Ãæ±¨ÉÐδʵÏÖ´íÎóʱ²»·ÀÓÃÏÂÃæµÄÊÔÒ»ÏÂ
window.onload = someFunction;
window.onload = function (){someFunction();};
window.onload = Function("someFunction();"); ......
½ñÌìÒ»¸öͬÊÂÐèҪʵÏÖÕâôһ¸öЧ¹û£¬ÓÚÊǾͲâÊÔÁËһϣ¬ÖмäµÄÂß¼ÓÃÁ˺ݳ¤Ê±¼ä£¬²»¹ý×îÖÕ»¹ÊǸã³öÀ´ÁË£¡´úÂëÓеãÓ·Ö×£¬Ã»Ê±¼äÓÅ»¯£¬ÓÐÓõ½ÀàËÆ¹¦ÄܵÄÅóÓÑ¿ÉÒÔ×Ô¼ºÓÅ»¯Ò»Ï£¡£¨Ðè¼ÓÈë×Ô¼ºµÄjqueryÎļþ£©
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran ......
µ±ÐèÒªÔÚÍøÒ³ÖÐÏÔʾʱ¼äʱ¿ÉÒÔÓõ½ÏÂÃæÕâ¶Î´úÂ룺
<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(); ......