Javascript DOM ±à³ÌÒÕÊõ
JSÖÐÊý×éµÄÅúÁ¿Ìî³ä·½Ê½:
1.ÔÚÉùÃ÷ʱͬʱ½øÐÐÌî³ä
var beatles = Array("John","Paul","George","Ringo");
2.ÎÒÃÇÉõÖÁÓò»×ÅÃ÷È·µØ±íÃ÷ÎÒÃÇÊÇÔÚ´´½¨Êý×é.ÊÂʵÉÏ,Ö»ÐèÓÃÒ»¶Ñ·½À¨ºÅÀ¨ÆðÀ´¾Í×ãÒÔ´´½¨ÎÒÃÇÏëÒªµÄÊý×éÁË:
var beatles = ["John","Paul","George","Ringo"];
JSÖеĹØÁªÊý×é
:JSÖÐÊý×éϱ겢²»¾ÖÏÞÓÚÕûÊý.Êý×éϱê¿ÉÒÔÊÇ×Ö·û´®:
var lennon = Array();
lennon["name"]="John";
lennon["year"]="1940";
´ÓijÖÖÒâÒåÉϽ²,ÍêÈ«¿ÉÒÔ°ÉËùÓеÄÊý×é¶¼¿´×öÊǹØÁªÊý×é.ÊýÖµÊý×éÖ»²»¹ýÊǹØÁªÊý×éµÄÒ»ÖÖÌØÀý.
CSS²ãµþÑùʽ±í¶¨Ò巽ʽ:
<p class="special">This<p>
<h2 class="special">So<h2>
1.ÔÚÑùʽ±íÀï,ÎÒÃÇ¿ÉÒÔÏñÏÂÃæÕâÑùΪclassÊôÐÔÖµÏàͬµÄËùÓÐÔªËØ¶¨ÒåÒ»ÖÖ¹²ÏíµÄÑùʽ:
.special{
font-style: italic;
}
2.ÎÒÃÇ»¹¿ÉÒÔÏñÏÂÃæÕâÑùÀûÓÃclassµÄÊôÐÔΪһÖÖÌØ¶¨ÀàÐ͵ÄÔªËØ¶¨ÒåÒ»ÖÖ¶ÀÏíµÄÑùʽ:
h2.spical{
text-tansform:uppercase;
}
3.idÊôÐÔµÄÓÃ;ÊǸøÍøÒ³ÀïµÄij¸öÔªËØ¼ÓÉÏÒ»¸ö¶ÀÒ»ÎÞ¶þµÄ±êʶ·û
<ul id="purchase">
ÔÚÑùʽ±íÀïÎÒÃÇ¿ÉÒÔÏñÏÂÃæÕâÑùΪÓÐ×ÅÌØ¶¨idÊôÐÔÖµµÄÔªËØ¶¨ÒåÒ»ÖÖ¶ÀÏíµÄÑùʽ:
#purchase{
border:1px;
color:#CCC;
}
4.ÎÒÃÇ»¹¿ÉÒÔÏñÏÂÃæÕâÑùÀûÓÃIDÊôÐÔΪ°üº¬ÔÚij¸ø¶¨Ô¹¶¾ÀïµÄÆäËûÔªËØ¶¨ÒåÑùʽ,Èç´Ë¶¨ÒåµÄÑùʽ½«Ö»×÷ÓÃÓÚ°üº¬ÔÚÕâ¸ö¸ø¶¨ÔªËØÀïµÄÓйØÔªËØ
#purchase li{
font-weight:bold;
&n
Ïà¹ØÎĵµ£º
ÀûÓÃjsÀ´¶¯Ì¬´´½¨±í¸ñÓÐÁ½ÖÖ¸ñʽ£¬appendChild()ºÍinsertRow¡¢insertCell()¡£Á½ÖÖ·½Ê½Æäʵ²î²»¶à£¬µ«µÚÒ»ÖÖÓпÉÄÜÔÚIEÉÏÓÐÎÊÌ⣬ËùÒÔÍÆ¼ö´ó¼ÒʹÓõڶþÖÖÁË£¬Ö±½Ó˵°É¡£
1¡¢inserRow()ºÍinsertCell()º¯Êý
insertRow()º¯Êý¿ÉÒÔ´ø²ÎÊý£¬ÐÎʽÈçÏ£º
insertRow(index)£ºindex´Ó0¿ªÊ¼
Õâ¸öº¯Êý½«ÐÂÐÐÌí¼Óµ½indexµÄÄÇÒ»ÐÐÇ ......
Jsѧϰ£¨ËÄ£©
Èç¹ûµ±Ç°ÕýÔÚÖ´ÐеÄÊÇÒ»¸ö·½·¨£¬ÔòÖ´ÐÐÉÏÏÂÎľÍÊǸ÷½·¨Ëù¸½ÊôµÄ¶ÔÏó£¬Èç¹ûµ±Ç°ÕýÔÚÖ´ÐеÄÊÇÒ»¸ö´´½¨¶ÔÏ󣨾ÍÊÇͨ¹ý new À´´´½¨£©µÄ¹ý³Ì£¬Ôò´´½¨µÄ¶ÔÏó¾ÍÊÇÖ´ÐÐÉÏÏÂÎÄ¡£
Èç¹ûÒ»¸ö·½·¨ÔÚÖ´ÐÐʱûÓÐÃ÷È·µÄ¸½ÊôÓÚÒ»¸ö¶ÔÏó£¬ÔòËüµÄÖ´ÐÐÉÏÏÂÎÄÊÇÈ«¾Ö¶ÔÏ󣨶¥¼¶¶ÔÏ󣩣¬µ«Ëü²»Ò»¶¨¸½ÊôÓÚÈ«¾Ö¶ÔÏó¡£È«¾Ö¶ÔÏóÓɵ±Ç°» ......
Õ⼸ÌìÔÚѧJavaScriptµÄ»ù´¡ÖªÊ¶£¬¾Í°Ñ»ù´¡µÄ֪ʶÕûÀíһϡ£
1¡¢JavaScriptµÄËÄÖÖ»ù±¾µÄÊý¾ÝÀàÐÍ£ºÊýÖµ£¨ÕûÊýºÍʵÊý£©¡¢×Ö·û´®ÐÍ£¨ÓÓ”»òÕß‘’À¨ÆðÀ´µÄ×Ö·û»òÕßÊýÖµ£©¡¢²¼¶ûÐÍ£¨true»òfalse£©¡¢¿ÕÖµ¡£
2¡¢JavaScriptµÄ±äÁ¿
ÉùÃ÷±äÁ¿£º±äÁ¿Ôڽű¾ÖеÚÒ»´Î³öÏÖʱºòÔÚÉùÃ÷ÖУ¨var£©£¬±äÁ¿µÄ ......
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js³ýÈ¥×Ö·û´®¿Õ¸ñ ......
Õâ¸öϵÁÐÎÄÕÂÖ÷ÒªÊǽ²ÊöʵÏÖJavascriptÍÏ×§¹¦ÄܵĻù´¡ÖªÊ¶£¬²¢½«ÔÚ×îºó¸ø³öÒ»¸öÍêÕûµÄʾÀý¡£Êʺ϶ÔÍÏ×§ÍêÈ«²»¶®µÄÈËÔĶÁ¡£
µÚһƪ¾ÍÏȽ²½²JavascriptÖеÄoffsetParentÊôÐÔ°É¡£
Ö§³ÖµÄä¯ÀÀÆ÷£ºInternet Explorer 4.0+£¬Mozilla 1.0+£¬Netscape 6.0+£¬Opera 7.0+£¬Safari ......