innerHTML

最新推荐文章于 2024-04-27 23:17:59 发布

rockywu

最新推荐文章于 2024-04-27 23:17:59 发布

阅读量508

点赞数

分类专栏： JS/AJAX/jQuery/json 文章标签： html function button border input table

本文链接：https://blog.csdn.net/rockywu/article/details/7010940

版权

JS/AJAX/jQuery/json 专栏收录该内容

4 篇文章 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>

应用程序值改为系统程序

rockywu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
innerHTML

innerHTML 属性是是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。其语法如下：tablerowObject.innerHTML=HTML其中innerHTML大小写有严格遵守，否则无法获取或者设置数据，获取数据如下：　　　　　　 function getInnerHTML() { 　　 alert(document.getEl
复制链接

扫一扫