jsÔõôºÍhtmlÅþÁ¬
javascriptͨ¹ýÔªËØÒýÓá¢ÊôÐÔ»á¼û¡¢ÊÂÎñ´¦Àí³ÌÐò¡¢½¨ÉèºÍÐÞ¸ÄhtmlµÈ·½·¨ÓëhtmlÅþÁ¬£¬´Ó¶øÌí¼Ó½»»¥ÐÔºÍÏìÓ¦ÐÔ¡£ÀýÈ磬¿ÉÒÔͨ¹ýjavascript¸ü¸ÄÔªËصÄÄÚÈÝ»ò´¥·¢ÊÂÎñ¡£
JavaScript ÔõÑùÓë HTML ÅþÁ¬
JavaScript ÊÇÒ»ÖÖÓÃÓÚ½¨Éè½»»¥Ê½ÍøÒ³µÄ¾ç±¾ÓïÑÔ¡£ËüÓë HTML ÐͬÊÂÇ飬Ìí¼Ó¶¯Ì¬ÐÔºÍÏìÓ¦ÐÔ¡£ÒÔÏÂÊÇ JavaScript ÔõÑùÓë HTML ÅþÁ¬µÄÒªÁ죺
ÔªËØÒýÓÃ
getElementById()£º»ñÈ¡¾ßÓÐÖ¸¶¨ ID µÄÔªËØ¡£
getElementsByClassName()£º»ñÈ¡¾ßÓÐÖ¸¶¨ÀàÃûµÄËùÓÐÔªËØ¡£
getElementByTagName()£º»ñÈ¡¾ßÓÐÖ¸¶¨±êÊðÃûµÄËùÓÐÔªËØ¡£
ÊôÐÔ»á¼û
Á¬Ã¦Ñ§Ï°¡°Ç°¶ËÃâ·ÑѧϰÌõ¼Ç£¨ÉîÈ룩¡±£»
.innerHTML£º»ñÈ¡»òÉèÖÃÔªËØµÄ HTML ÄÚÈÝ¡£
.value£º»ñÈ¡»òÉèÖÃ±íµ¥Î»ËصÄÖµ¡£
.style£º»ñÈ¡»òÉèÖÃÔªËØµÄ CSS Ñùʽ¡£
ÊÂÎñ´¦Àí³ÌÐò
addEventListener()£º½«ÊÂÎñ¼àÌýÆ÷¸½¼Óµ½ÔªËØ¡£
onclick£ºÔÚÔªËص¥»÷ʱ´¥·¢µÄÊÂÎñ¡£
onload£ºÔÚÒ³Ãæ¼ÓÔØÍê³Éºó´¥·¢µÄÊÂÎñ¡£
½¨ÉèºÍÐÞ¸Ä HTML
createElement()£º½¨ÉèÐ嵀 HTML ÔªËØ¡£
appendChild()£º½«×ÓÔªËØÌí¼Óµ½¸¸ÔªËØ¡£
removeChild()£º´Ó¸¸ÔªËØÖÐÒƳý×ÓÔªËØ¡£
ʾÀý
ÒÔÏ´úÂëʹÓà JavaScript ¸ü¸Ä
ÔªËصÄÎı¾ÄÚÈÝ£º
var heading = document.getElementById("heading");
heading.innerHTML = "ÐÂÎÊÌâ";
µÇ¼ºó¸´ÖÆ
ÒÔÏ´úÂëʹÓà JavaScript ÔÚµ¥»÷°´Å¥Ê±ÏÔʾ¾¯±¨£º
<button onclick="alert('µ¥»÷£¡')">µ¥»÷ÎÒ</button>
µÇ¼ºó¸´ÖÆ
ͨ¹ýÕâЩҪÁ죬JavaScript ¿ÉÒÔ¶¯Ì¬µØÓë HTML ½»»¥£¬Ìí¼Ó½»»¥ÐÔ¡¢ÏìÓ¦ÐԺͶ¯Ì¬ÄÚÈÝ¡£
ÒÔÉϾÍÊÇjsÔõôºÍhtmlÅþÁ¬µÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡