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

时间:2021-06-25 14:03:47
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>