innerHTML 与 innerText 的区别

innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。
innerText 指的是从起始位置到终止位置的内容,但它去除Html标签。
同时,innerHTML 是所有浏览器都支持的,innerText 是IE浏览器和chrome 浏览器支持的,Firefox浏览器不支持。其实,innerHTML 是W3C 组织规定的属性;而innerText 属性是IE浏览器自己的属性

给innerHTML属性设置内容后, 会将内容中包括的标签解析. innerText不会.

实现innerText的兼容:

获取:

function getInnerText(element){    var result = "";    if(typeof element.innerText == "string"){        result = element.innerText;               //火狐不兼容    }else{        result = element.textContent;    }    return result;}

设置:
function setInnerText(element,content){    if(typeof element.innerText == "string"){        element.innerText = content;    }else{        element.textContent = content;    }}
				
时间: 2024-10-10 21:37:17

innerHTML 与 innerText 的区别的相关文章

innerHTML&innerHTML与innerText的区别&outerHTML&innerHTML与html的区别

innerHTML innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML. 语法:HTMLElementObject.innerHTML=text 所有主要浏览器都支持 innerHTML 属性 innerHTML在JS是双向功能:获取对象的内容或向对象插入内容: innerHTML 属性用于设置或返回指定标签之间的 HTML 内容. 语法 Object.innerHTML = "HTML";// 设置 var html = Object.innerHTML;//

DOM中的outerHTML,innerHTML,outerText,innerText的区别

--转自http://blog.163.com/yw_0721/blog/static/7164579720102932157759/ 简单的说innerHTML和outerHTML.innerText与outerText的不同之处在于: 1).innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析,而innerText与outerText则不会. 2).在设置时,innerHTML与innerText仅设置标签内的文本,而outerHTML与outerText设置包括标

innerHTML和 innerText的区别

共同点:innerHTML和innerText都会把元素内内容替换掉.不同点:1,innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.innerHTML的值也就是"<span style="color:red">test1</span> test2 ". 2,innerText: 从起始位置到终止位置的内容, 但它去除Html标签 上例中的text.innerTest的值也就是"t

innerHTML和innerText的区别

1,返回值的区别 区别:取值时 innerText会把只会获取节点里面的文本信息,而innerHTML 会获取节点下面的所有标签. 2.设置值得区别 ====================================== <div id="div1"></div> <script> var div = document.getElementById("div1"); div.innerText = '这里是文本信息<b

innerHTML,outerHTML,innerText,outerText区别以及insertAdjacentHTML()方法

在需要给文档插入大量的新的HTML标记的情况下,通过多次DOM操作先创建节点再指定它们之间的关系会非常麻烦而且效率不高,相对而言插入标记的方法会更加简单,速度也更快. 插入标记中有这四个属性innerHtml,outerHTML,innerText,outerText. 这四个属性都有获取状态和设置状态. 我们先来看一小段代码 <div><p>我是div的子元素</p></div> *在这里我们要先获取这个div,我用divnode代替.在chrome浏览器

innerHTML与innerText的区别

innerHTML是指某个网页元素内部的代码 innerTEXT是指某个网页元素的文本内容. <div name="abc"><b>测试</b></div>. document.all("abc").innerHTML:<b>测试</b> document.all("abc").innerTEXT:测试

javascript中字符串的比较及innerHtml和innerText的区别

1.在javascript的字符串比较当中,可能经常会遇见一些明明字符串存进去的是这个值,但返回结果不对的情况.这时候我们应该用trim()函数把字符串的前后空格去掉,这样就可以正常运行了,注意一定要加() 2.innerHtml可以识别出html标签,而innerText不能,当我们使用innerHtml将它的值改变为一串中文时,可能会出去结果识别不出的情况,这时候我们可以试着用innerText. 在网页编程中,中文乱码确实是一个很头疼的问题,其实有时候这是由于我们的服务器出了点小问题的原因

Javascript中innerHTML和innerText的区别

innerHTML:获取的是从对象的起始位置到终止位置的全部内容,包括HTML标签 innerText:获取的是起始位置到终止位置的内容,但是会将HTML标签去掉 下面写一段代码进行测试: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </

innerHTML outerHTML innerText value 区别

定义 innerHTML: 属性设置或返回表格行的开始和结束标签之间的 HTML.(也就数说,用innerHTML的元素必须是标签对的形式,也就是input啥都输不出来) outerHTML: 设置或获取对象及其内容的 HTML 形式.(标签对,input输出本身) innerText: 设置或获取位于对象起始和结束标签内的文本.(标签对,input啥也输不出来) value 这个用的地方比较多,这里仅以input中的value为例.就是input的值.(标签对,输出undefined) 代码