對於innerHTML 屬性,幾乎所有的元素都有innerHTML屬性,它是一個字元串,用來設定或獲取位於對象起始和結束標籤內的HTML。(獲取HTML當前標籤的起始和結束裡面的內容)
基本介紹
- 中文名:innerHTML
- 外文名:innerHTML
- 套用:幾乎所有的元素都有
- 性質:字元串
- 語法:tablerowObject.innerHTML
語法,定義和用法,瀏覽器支持,實例,
語法
tablerowObject.innerHTML=HTML
定義和用法
innerHTML 屬性設定或返回表格行的開始和結束標籤之間的 HTML。
瀏覽器支持
所有主要瀏覽器都支持 innerHTML 屬性。
實例
下面的例子返回了表格行的 inner HTML:
<html>
<head>
<script type="text/javascript">
function getInnerHTML() {
alert(document.getElementById("tr1").innerHTML);
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1"><td>Firstname</td><td>Lastname</td></tr>
<tr id="tr2"><td>Peter</td><td>Griffin</td></tr>
</table>
<br />
<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" />
</body>
</html>
運行結果:
<td>Firstname</td>
<td>Lastname</td>
---------------------------------------------------------------------------------------------------------------------------------
<ul>
<li id="tab1" title="管理首頁"><span id="spanTitle">管理首頁</span></li>
</ul>
<a title="模板管理" onclick="show_title('管理1')" href="#" target="content3"></a>
<script type="text/javascript">
//修改標題
function show_title(str){
document.getElementById("spanTitle").innerHTML=str;
}
</script>
注意:innerHTML不可寫為innerHtml或是其他形式,大小寫要嚴格遵守,不然無法獲取或者設定數據。