-
innerHTML
鎖定
- 中文名
- innerHTML
- 外文名
- innerHTML
- 應 用
- 幾乎所有的元素都有
- 性 質
- 字符串
- 語 法
- tablerowObject.innerHTML
innerHTML語法
tablerowObject.innerHTML=HTML
innerHTML定義和用法
innerHTML瀏覽器支持
所有主要瀏覽器都支持 innerHTML 屬性。
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或是其他形式,大小寫要嚴格遵守,不然無法獲取或者設置數據。
- 參考資料
-
- 1. HTML DOM innerHTML 屬性 .W3Cschool[引用日期2018-04-28]