javascript中的innerHTML是什么意思，怎么个用法？

如题所述

举报该问题

推荐答案推荐于2018-03-29

innerHTML在JS是双向功能：获取对象的内容或向对象插入内容；
如：<div id="aa">这是内容</div> ，我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；
也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/XeezzeWjXz7W7XveBv.html

其他回答

第1个回答推荐于2017-11-13

innerHTML在JS是双向功能：获取对象的内容或向对象插入内容；

如：<div id="aa">这是内容</div> ，

我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；

也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容';

这样就能向id为abc的对象插入内容。

innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。
语法

    Object.innerHTML = "HTML";// 设置
    var html = Object.innerHTML;// 获取

例子 1

获取段落p的 innerHTML（html内容）

    <html>
    <head>
    <script type="text/javascript">
    function getInnerHTML(){
        alert(document.getElementById("test").innerHTML);
    }
    </script>
    </head><body>
    <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
    <input type="button" onclick="getInnerHTML()" value="点击" />
    </body>
    </html>

例子 2

设置段落p的 innerHTML（html内容）

    <html>
    <head>
    <script type="text/javascript">
    function setInnerHTML(){
        document.getElementById("test").innerHTML = "<strong>设置标签的html内容</strong>";
    }
    </script>
    </head><body>
    <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>
    <input type="button" onclick="setInnerHTML()" value="点击" />
    </body>
    </html>

本回答被网友采纳

第2个回答 2013-12-01

对于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>

第3个回答 2020-06-12

innerHTML属性设置或返回表格行的开始和结束标签之间的HTML。

第4个回答 2018-03-29

直接示例：

<a>girl</a>
innerHTML 属性得到的就是 girl。也即是： (得到<a>标签).innerHTML=girl;
outerHTML 属性是把 <a>girl</a> 整个替换掉

1 2 下一页

相似回答

大家正在搜