想返回標(biāo)簽的內(nèi)容需要加innerHTML

突然感自己寫的有點(diǎn)多，如果題主不喜歡看太多的字，請(qǐng)從“這是因?yàn)?，前面說的瀏覽器...”閱讀體驗(yàn)更佳

從瀏覽器讀取html文件來說，是從上到下讀取的：如果將JavaScript放在head中，HTML文件讀取時(shí)會(huì)先讀取并執(zhí)行JavaScript的內(nèi)容，然后才會(huì)執(zhí)行body標(biāo)簽內(nèi)的內(nèi)容；如果放在body標(biāo)簽內(nèi)，HTML文件讀取時(shí)，會(huì)先讀取在JavaScript前面的內(nèi)容，再讀取JavaScript的內(nèi)容；

從上面這個(gè)原理與課程結(jié)合進(jìn)行分析：

1. 結(jié)果為null是因?yàn)?，JavaScript沒有找到id名為“con”的標(biāo)簽，所以返回null

2. 結(jié)果為[object HTMLParagraphElement]，則說明JavaScript找到了id名為“con”的標(biāo)簽，以對(duì)象的形式返回該標(biāo)簽

但是我們發(fā)現(xiàn)在HTML中明明存在id=“con”的標(biāo)簽，這又是怎么回事？

這是因?yàn)?，前面說的瀏覽器讀取HTML文件，是從上到下讀取的：

如果將JavaScript放在id=“con”的標(biāo)簽之前，這就導(dǎo)致了瀏覽器在讀取HTML文件時(shí)，JavaScript先讀取，讀取完JavaScript后，才開始讀取到id=“con”的標(biāo)簽，這就是說JavaScript讀取時(shí)是沒有讀取到id=‘con’的標(biāo)簽，只能返回null，表示沒有讀取到該標(biāo)簽

如果將JavaScript放在id=“con”的標(biāo)簽之后，在瀏覽器讀取HTML文件時(shí)，先讀取到了id="con"的標(biāo)簽，才讀取JavaScript，這時(shí)由于id="con"的標(biāo)簽名存在，JavaScript可以發(fā)現(xiàn)，所以以對(duì)對(duì)象的形式（[object HTMLParagraphElement]）返回該標(biāo)簽