javascript中的innerHTML是什么意思,怎么个用法?
Posted 阿森纳最美枪声
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中的innerHTML是什么意思,怎么个用法?相关的知识,希望对你有一定的参考价值。
innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;
如:<div id="aa">这是内容</div> ,我们可以通过 document.getElementById(‘aa‘).innerHTML 来获取id为aa的对象的内嵌内容;
也可以对某对象插入内容,如 document.getElementById(‘abc‘).innerHTML=‘这是被插入的内容‘; 这样就能向id为abc的对象插入内容
对于innerhtml 属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。(获取HTML当前标签的起始和结束里面的内容)
语法
tablerowObject.innerHTML=HTML
实例
下面的例子返回了表格行的 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>
<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" />
</body>
</html>
以上是关于javascript中的innerHTML是什么意思,怎么个用法?的主要内容,如果未能解决你的问题,请参考以下文章
为啥 innerText,innerHTML 属性不适用于 javascript 中的输入标签?
Javascript中的innerText和InnerHTML
函数调用中的 document.write 和 innerHTML