innerHTML

对于innerHTML 属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。(获取HTML当前标签的起始和结束里面的内容)

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或是其他形式,大小写要严格遵守,不然无法获取或者设置数据。

相关词汇