jsÔõôÐÞ¸ÄhtmlÖеÄÊý×Ö
ÒªÐÞ¸Ä html ÖеÄÊý×Ö£¬¿ÉÒÔʹÓÃÒÔÏÂÒªÁ죺1. ʹÓà innerhtml ÊôÐÔ»ñÈ¡»òÉèÖÃÔªËØµÄ html ÄÚÈÝ£»2. ʹÓà textcontent ÊôÐÔ»ñÈ¡»òÉèÖÃÔªËصÄÎı¾ÄÚÈÝ£»3. ¹ØÓÚ±íµ¥Î»ËØ£¬Ê¹Óà value ÊôÐÔ»ñÈ¡»òÉèÖÃÔªËصÄÖµ¡£
ÔõÑùÔÚ JavaScript ÖÐÐÞ¸Ä HTML ÖеÄÊý×Ö
ÏëÒªÔÚ JavaScript ÖÐÐÞ¸Ä HTML ÖеÄÊý×Ö£¬¿ÉÒÔʹÓÃÒÔÏÂÒªÁ죺
1. ʹÓà innerHTML ÊôÐÔ
innerHTML ÊôÐÔ¿ÉÒÔ»ñÈ¡»òÉèÖÃÔªËØµÄ HTML ÄÚÈÝ¡£ÒªÐÞ¸ÄÊý×Ö£¬¿ÉÒÔʹÓÃÒÔÏÂÓï·¨£º
Á¬Ã¦Ñ§Ï°¡°Ç°¶ËÃâ·ÑѧϰÌõ¼Ç£¨ÉîÈ룩¡±£»
element.innerHTML = "ÐÂÊý×Ö";
µÇ¼ºó¸´ÖÆ
ÀýÈ磺
<p id="number">10</p>
µÇ¼ºó¸´ÖÆ µÇ¼ºó¸´ÖÆ
document.getElementById("number").innerHTML = "15";
µÇ¼ºó¸´ÖÆ
ÔËÐд˴úÂëºó£¬HTML ÔªËØÖеÄÊý×Ö½«´Ó 10 ±äΪ 15¡£
2. ʹÓà textContent ÊôÐÔ
textContent ÊôÐÔ»ñÈ¡»òÉèÖÃÔªËصÄÎı¾ÄÚÈÝ¡£ËüÓë innerHTML ÀàËÆ£¬µ«²»»áÆÊÎö HTML ´úÂë¡£ÒªÐÞ¸ÄÊý×Ö£¬¿ÉÒÔʹÓÃÒÔÏÂÓï·¨£º
element.textContent = "ÐÂÊý×Ö";
µÇ¼ºó¸´ÖÆ
ÀýÈ磺
<p id="number">10</p>
µÇ¼ºó¸´ÖÆ µÇ¼ºó¸´ÖÆ
document.getElementById("number").textContent = "15";
µÇ¼ºó¸´ÖÆ
ÔËÐд˴úÂëºó£¬HTML ÔªËØÖеÄÊý×Ö½«´Ó 10 ±äΪ 15£¬µ«²»»áÆÊÎöÈκΠHTML ±êÇ©¡£
3. ʹÓà value ÊôÐÔ£¨¹ØÓÚ±íµ¥Î»ËØ£©
¹ØÓÚ±íµ¥Î»ËØ£¨Èç ºÍ £©£¬¿ÉÒÔʹÓà value ÊôÐÔ»ñÈ¡»òÉèÖÃÔªËصÄÖµ¡£ÒªÐÞ¸ÄÊý×Ö£¬¿ÉÒÔʹÓÃÒÔÏÂÓï·¨£º
element.value = "ÐÂÊý×Ö";
µÇ¼ºó¸´ÖÆ
ÀýÈ磺
<input id="number" type="number" value="10">
µÇ¼ºó¸´ÖÆ
document.getElementById("number").value = "15";
µÇ¼ºó¸´ÖÆ
ÔËÐд˴úÂëºó£¬±íµ¥Î»ËØÖеÄÊý×Ö½«´Ó 10 ±äΪ 15¡£
ÒÔÉϾÍÊÇjsÔõôÐÞ¸ÄhtmlÖеÄÊý×ÖµÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡