javascript解决innerText浏览器兼容问题

   下面的函数接收一个参数,该参数可以是数组还可以是一个元素,返回元素的文本。

  代码如下:

  function text(e){

  var str = "";

  //如果传入的是元素,获取它的子元素

  //否则,当它是一个数组

  e=e.childNodes || e;

  for ( var i = 0; i < e.length; i++ ) {

  //判断元素类型

  //如果是text就获取它的文本,否则,遍历它的子元素

  str += e[i].nodeType != 1 ? e[i].nodeValue : text(e[i].childNodes);

  }

  return str;

  }

时间: 2025-01-20 23:30:46

javascript解决innerText浏览器兼容问题的相关文章

javascript解决innerText浏览器兼容问题思路代码_javascript技巧

下面的函数接收一个参数,该参数可以是数组还可以是一个元素,返回元素的文本. 复制代码 代码如下: function text(e){ var str = ""; //如果传入的是元素,获取它的子元素 //否则,当它是一个数组 e=e.childNodes || e; for ( var i = 0; i < e.length; i++ ) { //判断元素类型 //如果是text就获取它的文本,否则,遍历它的子元素 str += e[i].nodeType != 1 ? e[i]

Javascript解决常见浏览器兼容问题的12种方法_javascript技巧

如果你不知道原因,不要过于担心,请研究CSS规则并查看这篇文章:使用CSS来修正一切: 20 +常见错误和修复. 如果这些也无效,您可以通过下面列出的12个javascript解决方案修复它,这样您的网页看起来就能跨越所有浏览器了! 在本文中,我们会揭开你在开发web应用是可能会遇到的12个最常见的CSS问题的javascript解决方案. 1. 自动匹配高度 自从我们抛弃了基于Table的页面布局后,创建同等高度栏目或内容盒子的视觉效果已然是一个挑战. 1.1 用jQuery设置匹配高度 这个

解决跨浏览器兼容的CSS编码准则

浏览器越来越多,也就意味着做web前端开发的就越困难.现在的浏览器的内核都同,对于css的兼容也会有一定的差别!以前讲的用css hack来也不是一件容易的事,用过多的css hack来兼容也会出现许多臃肿的代码:所以掌握一些跨浏览器兼容的css编码准则是非常有必要的. 第一:理解css盒子模型(学习div+css布局也是很重要的,学会的css的盒子模型学习div+css也就不难了) 透彻地理解 CSS 盒子模型是首要事情,CSS 盒子模型并不难,且基本支持所有浏览器,除了某些特定条件下的 IE

解决CSS浏览器兼容技巧

1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margin:28px;} 注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别.所以在IE下其实解释成这样: div{maring:30px;margin:28px} 重复定义的话按照最后一个来执行,所以不可以只写margin:XXpx!important; 2.IE5和IE6的BOX解释

解决搜狗浏览器兼容模式停止工作的问题

卸载方法如下: 我们只要在win10中右击左下角的"开始菜单"然后点击弹出菜单中的[控制面板]选项,如下图所示 2. 之后为了方便查看我们点击[类别],然后选择[卸载程序]选项,如下所示 3. 点击左侧的[查看已安装的更新] 4. 在列表中,找到名为[KB3132372]的更新,右键选择[卸载] 5. 卸载完成后,请重启你的计算机: 6. 好了这样我们的问题就解决了,关于补丁问题微软经常出这种问题了,升级补丁导致其它的一些功能不能正常的使用了,各位升级补丁时留意一下就可以了哦.

Javascript iframe交互并兼容各种浏览器的解决方法_javascript技巧

在Web前端开发中,我们经常会用到iframe这个控件. 但是这个控在内.外交互时,往往各个浏览器所用的关键字不同,很是麻烦,为了能够得到子iframe中的window对象,各家浏览器有着各家的指定,有的是window,有的是contentWindow等等也许还有我们不知道的. 但是从子页面访问父层页面,其本上大家都是window.parent就可以了. 那么通过这个特征,我们可以在子页面中,把自身的window对象传递给父页面就可以了,这样父页面就很轻松的访问子页面,再也不用靠虑如何从ifra

Javascript解决浏览器兼容性问题

兼容性问题是由于多个浏览器同时存在而导致的.这些浏览器在处理一个相同的页面时,表现有时会有差异.这种差异可能很小,甚至不会被注意到:也可能很大,甚至造成在某个浏览器下无法正常浏览.我们把引起这些差异的问题统称为"浏览器兼容性问题".下面让我们一起来看Javascript在解决兼容性问题上的方法. 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行 解

浏览器兼容手册javascript,css

浏览器兼容手册javascript,css javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行 解决方法: 改用 document.formName.elements["elementName"] 2. 集合类对象问题 问题: 代码中许多集合类对象取用时使用(),IE能接受,FF不能 解决方法: 改用 [] 作为下标运算,例

div css javascript 浏览器兼容手册

div css教程 javascript教程 浏览器兼容手册 并不一定全,有的也可能不准确,比如新出的IE8.Chrome等都没有太多涉及,虽然最近做的一些项目也兼容了IE8.Chrome等,但都没来的及总结进去,后来就忘了...汗.大家一起慢慢完善吧. javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行 解决方法: 改用 document.f