innerText 和innerHTML的区别

最新推荐文章于 2022-06-05 09:10:03 发布
最新推荐文章于 2022-06-05 09:10:03 发布
阅读量375 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： html function div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ThinkingInjavaztf/article/details/5702994

在js中向标签中添加内容或者修改值的情况下 有两种 可以使用  就是 dom对象 .innerText 和 innerHTML两种方法

 

但是innerHTML会将传入的HTML语句执行 innerText是原封不动的将所对应的字符串 添加到指定的标签中；

 

具体的用法如下：

 

<html>

    <head><title> this is a test page </title>

    <script>

         function test(){

               var x = document.getElementById('testDiv');

               var y = document.getElementById('testdiv2');

               x.innerText='<font style="font-size:30px;color:red">大家好</font>';

               y.innerHTML='<font style="font-size:30px;color:red">大家好</font>';

            

 

         }

    </script>

 </head>

    <body> 

          <div id="testDiv"> 大家好！</div>

         <div id="testdiv2"></div>

    </body>

</html>

 

 

innerHTML和innerText的区别
05-10
js中innerHTML与innerText的用法与区别
javascript中innerText和innerHTML属性用法实例分析
10-24
在给出的实例代码中，我们可以通过不同的函数来测试和修改`innerText`和`innerHTML`的值。`TestOutput`函数分别使用`innerText`和`innerHTML`属性获取了元素的文本和HTML内容，并通过`alert`弹出。`EditInnerText`和...
innerText和innerHTML
09-22 2219
        尽管DOM带来了动态修改文档的能力，但对开发人员来说，这还不够。IE4.0为所有的元素引入了两个特性，以更方便的进行文档操作，这两个特性是innerText和innerHTML。       其中innerText特性用来修改起始标签和结束标签之间的文本的。例如，假设有个空的元素，希望将其变成New text for the div.。用DOM实现时，要这么做：     
innerText和innerHTML的区别
天才也是人
12-11 622
innerText和innerHTML的区别先看下面的代码testfunction show1(){document.all.test.innerText="test";}function show2(){document.all.test.innerHTML="test";}innerTexttestinnerTexttestinnerHTML对于innerText，即把"test"当成整体内容
innerText 与innerHTML区别
含泪播种的人
03-13 1431
 innerText 与innerHTML区别innerText 跟 innerHTML是两个非DOM标准的方法其区别如图所示：   在IE中 innerText 跟 innerHTML 两个方法都能正常运行但是FF里面的innerText不可用，但是有一个替代方法: textContentIE: oDiv.innerText = aString; oDiv.innerHTML =
innerHTML与innerText区别
蜗牛学习笔记
03-08 9万+
innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。 innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。 同时，innerHTML 是所有浏览器都支持的，innerText 是IE浏览器和chrome 浏览器支持的，Firefox浏览器不支持。其实，innerHTML 是W3C 组织规定的属性；而innerText 属性是IE浏览器自己的属性，不过后来的浏览器部分实现这个属性罢了。
innerText和innerHTML区别
05-20
`innerText`和`innerHTML`都是JavaScript中用于访问DOM元素内容的属性，但它们之间有一些区别。 `innerText`属性返回元素的文本内容，不包含HTML标记和注释。这意味着如果元素中包含HTML标记或注释，它们将被忽略。...
innertext和innerhtml区别
03-16
`innerText`和`innerHTML`都是用来获取或设置HTML元素中的文本内容的属性。 `innerText`只能获取或设置文本内容，不能读取或设置HTML标签。 `innerHTML`可以获取或设置文本内容和HTML标签。 例如，如果一个元素的...
innerText和innerHTML 一些问题分析
09-05
需要注意的是，虽然innerText和innerHTML在大部分情况下可以互换使用，但在某些特定场景下，它们的行为可能会有所不同。例如，innerText在处理表单控件如`<input>`或`<textarea>`时可能会有预期之外的效果，因为这些...
javascript innerText和innerHtml应用
10-29
### JavaScript中innerText与innerHTML的应用详解 在Web开发中，JavaScript是一种非常重要的客户端脚本语言，它可以帮助我们实现页面上的动态效果。在JavaScript中，`innerText`与`innerHTML`是两个非常常用的属性...
JavaScript innerText跟innerHTML的区别
weixin_30385925的博客
07-25 151
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>$永远的24k纯帅$</title> <style> div{ width: 300px; height: 200px; border: ...
innerText 和 innerHTML区别
热门推荐
Ghjkku的博客
06-05 13万+
innerText 和 innerHTML区别
innerHTML与innerText的区别
weixin_30402343的博客
10-02 3923
1、innerHTML: 　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 2、innerText: 　　从起始位置到终止位置的内容, 但它去除Html标签 举例： <div id="test"> <span style="color:red">test1</span> test2</div> <a hr...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值