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

 我来答
匿名用户
推荐于2018-03-29
展开全部
innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;
如:<div id="aa">这是内容</div> ,我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容;
也可以对某对象插入内容,如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。
TableDI
2024-07-18 广告
VLOOKUP是Excel中用于垂直查找的函数,其基本用法包括四个参数:1. 查找值:即在数据表首列中需要搜索的值。2. 数据表:包含查找值的单元格区域或数组。3. 返回值所在列数:指定返回查询区域中第几列的值。4. 查找方式:选择精确匹配... 点击进入详情页
本回答由TableDI提供
日落的糖Kf
推荐于2017-11-13 · TA获得超过4万个赞
知道大有可为答主
回答量:3400
采纳率:0%
帮助的人:535万
展开全部
  • 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>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友f9d3463
2020-06-12
知道答主
回答量:1
采纳率:0%
帮助的人:590
展开全部
innerHTML属性设置或返回表格行的开始和结束标签之间的HTML。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
九十天记录
2018-03-29
知道答主
回答量:14
采纳率:0%
帮助的人:1.2万
展开全部
直接示例:

<a>girl</a>
innerHTML 属性得到的就是 girl。也即是: (得到<a>标签).innerHTML=girl;
outerHTML 属性是把 <a>girl</a> 整个替换掉
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式