innerHTML

innerHTML

目录导航

语法

tablerowObject.innerHTML=HTML

定义和用法

innerHTML 属性设置或返回表格行的开始和结束标签之间的HTML。[1]

浏览器支持

所有主要浏览器都支持 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或是其他形式,大小写要严格遵守,不然无法获取或者设置数据。

相关百科
返回顶部
产品求购 求购