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>¡£