innerText兼容处理

【innerText兼容处理】的更多相关文章

innerText兼容问题处理

IE.Safari.Opera和Chrome支持innerText属性.低版本的火狐浏览器不支持,但支持作用类似的textContent属性.textContent是DOM3级规定的一个属性,而且也得到了safari.opera和Chrome的支持.为了确保跨浏览器兼容,有必要想下面这样通过函数来检测可以使用哪个属性: var content = document.getElementById("content"); //获取文本内容 function getInnerText(ele…

转载自:https://www.cnblogs.com/leejersey/p/3520497.html:稍微改了一下和加了一些注释: IE.Safari.Opera和Chrome支持innerText属性.Firefox虽然不支持innerText,但支持作用类似的textContent属性.textContent是DOM3级规定的一个属性,而且也得到了safari.opera和Chrome的支持.为了确保跨浏览器兼容,有必要想下面这样通过函数来检测可以使用哪个属性:(注:与之对应的还有inn…

textContent、innerText 以及Event事件兼容性问题

今天在完成前端的简单练习时发现了一些兼容性的问题,百度后得以解决. 这里主要讨论Firefox与Chrome的兼容性问题. textContent与 innerText 在javascript中, 为了获取节点的文本, 我们可以考虑使用节点的textContent.或者innerText, 然而,两者都并不能很好对所有浏览器进行兼容. textContent: 不支持低版本 IE; 兼容 Chrome / Firefox / Safari / Opera / IE9. innerText: 不支…

Js收藏-转

/** * <P> Title: JavaScript Util </P> * <P> Description: JavaScript 工具 </P> * <P> Modify: 2011/11/30 </P> * @author 冯万里 * @version 1.0 * * 为减少 js 关键词的占用,此文件只占用“c$”一个关键词; * 使用时用: c$.函数名(参数列表); 或者 c$().函数名(参数列表) * 字符串操作函数…

关于js封装框架类库之属性操作

在对DOM对象操作时,往往都要涉及到其属性的操作,为了提高开发效率,同时兼顾浏览器的性能,在这简单的封装了几个常见的属性.因为是模块化,在这只是引入了部分代码,其他代码在前几篇模块封装中有写.如有不足,万望提出,谢谢! 1.判断是否有属性,以及设置属性的操作 YY.fn.extend({ attr: function (attName,attValue){ //判断传入参数是否有属性值,没有直接返回属性名 if(arguments.length == 1){ return this[0].att…

创建节点--DOM树

创建节点快捷键:innerhtml outerhtml innertext outertext ==============创建节点方法有两种:============== <script src="js/domready.js"></script> <script type="text/javascript"> myReady(function(){ //…

JS DOM操作（创建、遍历、获取、操作、删除节点）

创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic…

浏览器兼容innerText nextElementSibling firstElementChild

//下面是封装的方法,可以直接使用 //获dom对象的innerText的取值 function getInnerText(element){ //判断浏览器是否支持innerText if(typeof element.innerText==="string"){ return element.innerText; }else{ return element.textContent; } } //设置dom对象innerText的值 function setInnerText(ele…

低版本Firefox支持innerText属性兼容方法

FireFox支持innerText属性了,很遗憾是44.0.2版本以下还需要兼容处理. 方法一: innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签. 方法二: FireFox中也提供了另外一个属性innerContent,功能与innerText相当.据此可写出一个通用的支持I…

实现浏览器兼容的innerText

今天学习到了FF不支持innerText,而IE.chrome.Safari.opera均支持innerText. 为了各个浏览器能兼容innerText,必须对js做一次封装. 为啥能实现兼容呢?原因是FF虽然不支持innerText属性,但支持有着类似功能的textContent属性. 以下为封装好的js: var innerText = { setInnerText:(function(ele,value){ if(typeof ele.innerText == "…