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

VUE