JavaScript - HTML DOM ·½·¨
HTML DOM ·½·¨ÊÇÄúÄܹ»£¨ÔÚ HTML ÔªËØÉÏ£©Ö´Ðе͝×÷¡£
HTML DOM ÊôÐÔÊÇÄúÄܹ»ÉèÖûò¸Ä±äµÄ HTML ÔªËØµÄÖµ¡£
DOM ±à³Ì½çÃæ
HTML DOM Äܹ»Í¨¹ý JavaScript ½øÐзÃÎÊ£¨Ò²¿ÉÒÔͨ¹ýÆäËû±à³ÌÓïÑÔ£©¡£
ÔÚ DOM ÖУ¬ËùÓÐ HTML ÔªËØ¶¼±»¶¨ÒåΪ¶ÔÏó¡£
±à³Ì½çÃæÊÇÿ¸ö¶ÔÏóµÄÊôÐԺͷ½·¨¡£
ÊôÐÔÊÇÄúÄܹ»»ñÈ¡»òÉèÖõÄÖµ£¨¾Í±ÈÈç¸Ä±ä HTML ÔªËØµÄÄÚÈÝ£©¡£
·½·¨ÊÇÄúÄܹ»Íê³ÉµÄ¶¯×÷£¨±ÈÈçÌí¼Ó»òɾ³ý HTML ÔªËØ£©¡£
ʵÀý
ÏÂÃæµÄÀý×ӸıäÁË id="demo" µÄ <p> ÔªËØµÄÄÚÈÝ£º
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
ÔÚÉÏÃæµÄÀý×ÓÖУ¬getElementById ÊÇ·½·¨£¬¶ø innerHTML ÊÇÊôÐÔ¡£
getElementById ·½·¨
·ÃÎÊ HTML ÔªËØ×î³£Óõķ½·¨ÊÇʹÓÃÔªËØµÄ id¡£
ÔÚÉÏÃæµÄÀý×ÓÖУ¬getElementById ·½·¨Ê¹Óà id="demo" À´²éÕÒÔªËØ¡£
innerHTML ÊôÐÔ
»ñÈ¡ÔªËØÄÚÈÝ×î¼òµ¥µÄ·½·¨ÊÇʹÓà innerHTML ÊôÐÔ¡£
innerHTML ÊôÐÔ¿ÉÓÃÓÚ»ñÈ¡»òÌæ»» HTML ÔªËØµÄÄÚÈÝ¡£
innerHTML ÊôÐÔ¿ÉÓÃÓÚ»ñÈ¡»ò¸Ä±äÈκΠHTML ÔªËØ£¬°üÀ¨ <html> ºÍ <body>¡£