当前位置: 代码迷 >> 综合 >> innerHTML
  详细解决方案

innerHTML

热度:85   发布时间:2023-12-16 04:37:30.0
innerHTML 属性是是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。其语法如下:
tablerowObject.innerHTML=HTML
其中innerHTML大小写有严格遵守,否则无法获取或者设置数据 ,获取数据如下:
<html> 
<head> 
<script type="text/javascript"> 
function getInnerHTML() { 
alert(document.getElementById("tr1").innerHTML); 
} 
</script> 
</head> 
<body> 
<table border="1" style="width: 218px" > 
<tr id="tr1"><td>张三</td><td>100</td></tr> 
<tr id="tr2"><td>李四</td><td>95</td></tr> 
</table> 
<br /> 
<input type="button" οnclick="getInnerHTML()" value="获取 innerHTML 表格行" /> 
</body> 
</html> 


其结果为:<td>张三</td><td>100</td>

设置数据如下:

<html> 
<head> 
<script type="text/javascript"> 
function changeApp(str) {
document.getElementById("span1").innerHTML = str;
} 
</script> 
</head> 
<body> 
<ul> 
<li id="li1" title="应用程序"><span id="span1">应用程序</span></li> 
</ul> 
<a title="系统程序" οnclick="changeApp('系统程序')" href="#" >click me change the title</a> 
</body> 
</html> 

应用程序值改为系统程序