outerHTML屬性用法簡單介紹

admin發表於2017-12-04
HTML

看到此屬性可能會聯想起innerHTML屬性，關於innerHTML的具體用法不多介紹，具體可以參閱js的innerHTML屬性的用法一章節。  

innerHTML獲取的是指定元素的內部html內容，從此屬性的字面意思也可以得到一些啟示(inner)表示內部的意思。

outerHTML不但會獲取指定元素的內部html內容，連同元素本身也會獲取。

圖示如下:

a:3:{s:3:\"pic\";s:43:\"portal/201712/04/154400q77zfiziufwyhash.gif\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

需要特別說明的是，innerHTML是符合W3C標準的，不過當前瀏覽器都支援此屬性。

由於本編輯器問題，此章節的演示程式碼無法正確執行，下面提供下載可以再本地進行測試。

outerHTML屬性用法簡單介紹outerHTML.rar

相關文章