innerHTML屬性的意義。
<div id="report"></div>//宣告div物件
<script>
var result = "";
var i = 1;
for (i = 1; i <= 9; i++) {
result += i + "<br>";//字串銜接
}
report.innerHTML = result;
程式碼解讀:
id 表示物件名稱。
result儲存字串的變數
跑完之後innerHTML裡面存的是
"1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>"
以上程式碼等於下面的
<div id="report">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br></div>
我們驗證一下，新開一個html檔案，在<body>標籤貼上
<div id="report">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br></div>
<script>
document.write("YYP");
document.write(report.innerHTML);
</script>
可以看到網頁先列印一到九後，接著印YYP，接著再印一次一到九
所以innerHTML表示標籤所包住的字串內容，而這字串內容假如有HTML標籤，網頁會當作HTML標籤處理而不是單純的字串。
沒有留言:
張貼留言