码迷,mamicode.com
首页 > 编程语言 > 详细

javascript中的innerHTML是什么意思,怎么个用法?

时间:2016-11-23 12:50:05      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:first   head   innerhtml   字符   vps   pst   com   row   pyw   

innerHTMLJS是双向功能:获取对象的内容  或  向对象插入内容;
如:<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是什么意思,怎么个用法?

标签:first   head   innerhtml   字符   vps   pst   com   row   pyw   

原文地址:http://www.cnblogs.com/dexjinkey/p/6093079.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!