JS object.innerHTML的相關說明

wangsys發表於2021-09-09

JS innerHTML


javascript


JavaScript是一種基於物件、事件驅動的簡單指令碼語言,嵌入在HTML文件中,由瀏覽器負責解釋和執行,在網頁上產生動態的顯示效果並實現與使用者互動功能。



var mychar=document.getElementById("con");
document.write("原標題:"+mychar.innerHTML+"
"); //輸出原h2標籤內容

mychar.innerHTML="Hello world!";
document.write("修改後的標題:"+mychar.innerHTML); //輸出修改後h2標籤內容

結果顯示:
圖片描述
個人理解:
1、頁面渲染完成後進行頁面繪製;

上述JavaScript程式碼是在頁面渲染過程中執行的;
2、“按引用傳遞”,id為con的

標題和mychar是同一個引用(可以理解為指向同一個記憶體地址的指標)。
mychar.innerHTML="Hello world!";語句改變了mychar所指向記憶體地址中儲存的值(由javascript”變為了“Hello world!”),那麼在繪製id為con的

標題時,也會按“Hello world!”來繪製。


可將上述程式碼與原先程式碼進行對比。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/3244/viewspace-2798139/,如需轉載,請註明出處,否則將追究法律責任。

相關文章