当前位置:首页 科普知识 innerHTML

innerHTML

发布时间:2023-09-15 10:08:23

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

innerHTML介绍

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

innerHTML语法

tablerowObject.innerHTML=HTML

innerHTML定义和用法

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

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 ><td>Firstname</td><td>Lastname</td></tr>

<tr ><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 ><span >管理首页</span></li>

</ul>

<a onclick="show_title('管理1')" href="#" target="content3"></a>

<script type="text/javascript">

//修改标题

function show_title(str){

document.getElementById("spanTitle").innerHTML=str;

}

</script>

注意:innerHTML不可写为innerHtml或是其他形式,大小写要严格遵守,不然无法获取或者设置数据。

温馨提示:
本文【innerHTML】由作者 爱百科 转载提供。 该文观点仅代表作者本人, 自学教育网 信息发布平台,仅提供信息存储空间服务, 若存在侵权问题,请及时联系管理员或作者进行删除。
(c)2008-2025 自学教育网 All Rights Reserved 汕头市灵创科技有限公司
粤ICP备2024240640号-6