想返回標簽的內容需要加innerHTML

突然感自己寫的有點多，如果題主不喜歡看太多的字，請從“這是因為，前面說的瀏覽器...”閱讀體驗更佳

從瀏覽器讀取html文件來說，是從上到下讀取的：如果將JavaScript放在head中，HTML文件讀取時會先讀取并執行JavaScript的內容，然后才會執行body標簽內的內容；如果放在body標簽內，HTML文件讀取時，會先讀取在JavaScript前面的內容，再讀取JavaScript的內容；

從上面這個原理與課程結合進行分析：

1. 結果為null是因為，JavaScript沒有找到id名為“con”的標簽，所以返回null

2. 結果為[object HTMLParagraphElement]，則說明JavaScript找到了id名為“con”的標簽，以對象的形式返回該標簽

但是我們發現在HTML中明明存在id=“con”的標簽，這又是怎么回事？

這是因為，前面說的瀏覽器讀取HTML文件，是從上到下讀取的：

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

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