innerHTML的作用

最新推荐文章于 2023-08-14 14:04:16 发布
最新推荐文章于 2023-08-14 14:04:16 发布
阅读量418 收藏
点赞数
分类专栏： HTML DOM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27435059/article/details/51316475
版权

innerHTML获取文本节点的值


示例如下，Id被标记为intro,的标签p的节点包含文本节点Hello World!(关于什么是节点，请自行搜索)

可以通过document.getElementById("intro").innerHTML来获取P所包含的文本节点的值。

或者像下面一样，先将document.getElementById("intro")赋给x,然后再通过X获取，也可以。

<!DOCTYPE html>
<html>
<body>

<p id="intro">Hello World!</p>
<p>本例演示 <b>getElementById</b> 方法！</p>

<script>
x=document.getElementById("intro");
document.write("<p>来自 intro 段落的文：" + x.innerHTML + "</p>");
</script>

</body>
</html>

运行的结果如下



StaceyWeiStaceyWei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
调用innerHTML之后onclick失效问题的解决方法
09-04
这是因为`innerHTML`会销毁原有元素及其相关的事件监听器，并创建新的DOM结构。 在上述的描述中，开发者遇到了一个具体的问题：在调用`innerHTML`后，`onclick`事件不再生效。这个问题通常发生在动态生成或修改HTML...
innerHTML的作用及用法。
xue_smail的博客
04-15 9790
对innerHTML的用法有些模糊，今天来总结一下： 1、innerHTML有两个作用： （1）获取对象的内容； （2）向对象插入内容； 例：这是内容 ，由于id是唯一的，我们可以不获取id。通过 a.innerHTML 来获取id为a的对象的内嵌内容； 也可以通过b.innerHTML = "这是被插入的内容"；在id为b的对象中插入内容。 例子1（获取对象的内容）： <body> ...
js中的innerHTML的作用
xiaosheng
10-06 1万+
js中常常用到innerHTML，其作用就是获取到标签里面的内容，同时也可以为标签添加内容 &lt;div&gt; &lt;p id="text"&gt;hello world&lt;/p&gt; &lt;/div&gt; &lt;script&gt; var oText = document.getElementById("text"); alert(oTe
innerHTML和outerHTML的异同点
fusheng_lee的博客
07-12 2449
innerHTML和outerHTML的异同点
innerHtml的用法及理解
cheng1a的博客
08-18 1万+
innerHtml标签可以获取标签内的html内容，用法为：document.getElementById(‘ xx ’).innerHTMLinnerHtml标签也可以用来设置标签内的html内容，用法为：document.getElementById(‘ xx ’).innerHTML=’需要设置的内容’;
Angular中innerHTML标签的样式不起作用的原因解析
10-16
主要介绍了Angular中innerHTML标签的样式不起作用详解 ,本文给出了解决方案，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
innerText innerHTML的用法以及注意事项 [推荐]
12-10
...而对对象DH的改变用了innerHTML属性，它除了有innerText的作用外，还可改变对象DH内部的HTML语句，于是它把文本变成了“我姓肖!”，而且文本输出改成了斜体（<i></i>）并下加一条直线（<u><
innerHTML的认识
09-28
`outerHTML`属性与`innerHTML`类似，但它的作用是获取或设置元素及其所有内容（包括元素自身）的HTML代码。这使得你可以方便地替换整个HTML元素。 理解并熟练运用innerHTML和insertRow()方法对于前端开发来说至关...
javascript中innerText和innerHTML属性用法实例分析
10-24
主要介绍了javascript中innerText和innerHTML属性用法,实例分析了javascript中innerText和innerHTML属性的作用和相关的使用技巧,需要的朋友可以参考下
JavaScript中的innerHTML使用
qq_60115503的博客
04-17 6万+
innerHTML innerHTML属性允许更改html元素的内容,可以设置或返回表格行的开始和结束标签之间的HTML,本篇文章就来给大家介绍关于innerHTML的用法
innerHTML 是什么用法
最新发布
m0_57236802的博客
08-14 1468
innerHTML属性用于获取或设置HTML元素的内部HTML内容。你可以通过这个属性来插入新的HTML内容或获取现有内容。
JavaScript 中 innerHTML 与 innerText 的用法与区别
南淮北安的博客
02-25 1484
文章目录一、innerHTML二、innerText三、innerHTML 与 innerText 的用法与区别 一、innerHTML innerHTML 可获取或设置指定元素标签内的 html内容，从该元素标签的起始位置到终止位置的全部内容(包含html标签) 这里的包含 HTML 标签的意思是，包含标签所产生的的效果 获取元素的内容：element.innerHTML; 给元素设置内容：el...
innerHTML作用和用法
热门推荐
cuishao
09-05 10万+
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如：&lt;div id="aa"&gt;这是内容&lt;/div&gt; 我们可以通过 document.getElementById(‘aa’).innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容，如 document.getElementById(‘abc’).innerHTM...
javascript中的innerHTML是什么意思，怎么个用法？
奔跑的蜗牛
09-22 10万+
nnerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如：这是内容 ，我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容
innerText和innerHTML和innerContent
sunhaomei的博客
05-07 1262
设置： 使用innerText主要是设置文本的，设置标签内容，是没有标签效果的 innerHTML是可以设置文本内容 innerHTML主要的作用是在标签中设置新的html标签内容，是有标签效果的 总结：想要设置标签内容，使用innerHTML，想要设置文本内容，innerText或者textContent或者innerHTML推荐用innerHTML 获取： innerText可以获取...
innerHTML的用途及innerText，innerHTML的用法以及注意事项
deerlu的博客
06-03 1051
http://www.cnblogs.com/leening/archive/2008/04/26/1171726.html innerText，innerHTML的用法以及注意事项 我们常常需要使用另外一些对象的属性来实现动态改变其中的文本,它们就是：innerText，outerText，innerHTML，outerHTML，千万要注意它们的大小写，因为错一点您就得不到预期的效果了...
JavaScript——innerHTML作用
oscar92420aaa的博客
03-11 537
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如：这是内容 ，我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。
innerHTML有什么作用
06-09
`innerHTML`是DOM元素的一个属性，它的作用是用于获取或设置元素的HTML内容。当我们获取一个元素的`innerHTML`属性时，它会返回该元素内部的所有HTML内容，包括标签、文本、属性等。当我们将一个字符串赋值给一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值