getElementsByTagName() 兼容性

【getElementsByTagName() 兼容性】的更多相关文章

getElementsByTagName() 兼容性

写东西的时候用到了getElementsByTagName(),我一直以为js 写的东西是不会有兼容性的,这次在ie8下,getElementsByTagName()就不支持了,那怎么办呢,我就查到一段代码. window.onload = function () { var div = getClassNames('lg' , 'div'); function getClassNames(classStr,tagName){ if (document.getElementsByClassNam…

关于Win8对getElementsByTagName等dom方法兼容性的替代方法

在对Twebbrowser进行dom编程时,引用MSHTML并使用其中的HTMLDocument; IHTMLElementCollection;IHTMLElement;能获得较好的代码提示其中封装的一些方法如getElementsByTagName也能较好的在xp.vista.win7等系统中使用,但是一旦到了win8系统,getElementsByTagName就不能获取IHTMLElementCollection了,如果你下一步想遍历IHTMLElementCollection就会提示…

浏览器兼容性-JS篇

总结一下平时遇到的浏览器兼容性问题,本篇关于JS. 1.事件绑定兼容写法: function add(obj,event){ if (obj.addEventListener) { obj.addEventListener(event,fn,fase); }else{ obj.attachEvent("on"+event,fn); } } 小结:addEventListener()兼容firefox.chrome.safari.opera.IE9+ attachEvent()兼容IE…

JavaScript框架设计(三) push兼容性和选择器上下文

JavaScript框架设计(三) push兼容性和选择器上下文博主很久没有更博了. 在上一篇 JavaScript框架设计(二) 中实现了最基本的选择器,getId,getTag和getClass ,并且解决了document.getElementsByClassName() 这个函数在ie8下面的兼容性问题,似乎以前的代码已经没问题了? 但是, 注意这一句代码: result.push.apply(result,document.getElementsByTageName),result.…

getElementById() getElementsByTagName() getElementsByClassName() querySlector() querySlectorAll()区别

1. getElementById() getElementsByTagName() javascript原生的方法,这两个不会有兼容性问题. 2. getElementsByClassName()是HTML5的DOM API ,IE8及以下不支持(不支持HTML5的浏览器). 对于现代浏览器,document.getElementsByClassName( 'wrap' )获取的是DOM中所有class为wrap的元素在IE8及以下,可以模拟实现这种效果 function getEleme…

在ie与火狐的兼容性

1.在火狐下 document.getElementById("id").textContent可以获取当前获取id下的内容而在ie下则为:document.getElementById("id").innerText JS在IE和Firefox兼容性问题汇编以下以IE代替InternetExplorer,以MF代替MozzilaFirefox 1.document.form.item问题 (1)现有问题: 现有代码中存在许多document.formNa…

js在IE和FF下的兼容性问题

本文出自前端档案,以作学习参考之用.自己也补充了一些内容长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理: 五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: var year= new…

Javascript事件机制兼容性解决方案

本文的解决方案可以用于Javascript native对象和宿主对象(dom元素),通过以下的方式来绑定和触发事件: 或者 var input = document.getElementsByTagName('input')[0]; var form = document.getElementsByTagName('form')[0]; Evt.on(input, 'click', function(evt){ console.log('input click1'); console.log(…

window.open与window.close的兼容性问题

window.open(页面地址url,打开的方式) 方法打开一个新的窗口(页面) 如果url为空,则默认打开一个空白页面如果打开方式为空,默认为新窗口方式打开返回值:返回新打开窗口的window对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </hea…

IE 和Firefox的js兼容性总结

IE 和Firefox的js兼容性总结 12 August 2010 11:39 Thursday by 小屋标签: 浏览器方法属性 IT 写法一.函数和方法差异 1 . getYear()方法 [分析说明]先看一下以下代码: var year = new Date().getYear();document.write(year); 在IE中得到的日期是"2010",在Firefox中看到的日期是"110",主要是因为在 Firefox 里面 getYea…

js-DOM-页面元素的兼容性、常用事件、节点

页面元素的兼容性: 所谓的兼容性指的就是当前浏览器是否支持当前对象的属性或是方法,如果支持就是兼容,如果不支持就是不兼容. 举个例子: /** * 设置页面标签之间的文本内容的兼容性写法 * @param obj * @param value */ function setInnerText(obj,value){ if(obj.innerText){ obj.innerText = value; }else { obj.textContent = value; } } var txt ={ /…

跟随标准与Webkit源码探究DOM -- 获取元素之getElementsByTagName

按照标签名获取元素 -- getElementsByTagName 标准 DOM 1在Element和Document两个interface中均有定义,原型NodeList getElementsByTagName(in DOMString tagname),指明按照先序遍历遇到的顺序排列,不会抛出任何异常,参数"*"返回对应document或者element下所有元素.注意这里指明返回的是一个live的仅含有Element的NodeList. DOM 2里定义仍在Element和Do…

第二十一课：js属性操作的兼容性问题

上一课主要讲了属性的概念,用法,固有属性和自定义属性的区别,class属性操作的方法等,这一课主要讲一些有关属性操作的兼容性问题. IE6-IE8在一些表示URL的属性会返回补全的改过编码的路径,比如:href,action,background,cite,data,src,url等.我们只需要用getAttribute(href,2),就能很好的兼容各种浏览器了.标准浏览器不支持第二个参数,因此忽略第二个参数.而IE支持第二个参数,2代表只取出原字符串的值. IE6-7下,对于form元素,调…

编写兼容性JS代码

前文介绍了: 1 DOM四个常用的方法 2 使用DOM核心方法完成属性填充本篇主要介绍在JS中需要注意的几个地方,另外为了减小html与javascript的耦合使用java进行onclick方法编写. 其实javascript不是一门简单的语言,但是由于入门简单,很多人使用的时候,都是直接复制粘贴,导致网页中充斥着大量的冗余代码. 但是在编写合格的javascript代码时,需要注意: 1 平稳退化:保证在不支持js或者低版本的浏览器也能正常访问 2 分离javascript:把html与j…

CSS+JS实现兼容性很好的无限级下拉菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>CSS+JS实现兼容性很好的无限级下拉菜单…

IE和Firefox的Javascript兼容性总结

长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理: 五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: var year= new Date().getYear(); document.w…

【总结】IE和Firefox的Javascript兼容性总结(转)

文章转自:http://www.cnblogs.com/wiky/archive/2010/01/09/IE-and-Firefox-Javascript-compatibility.html 长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理:…

[ 兼容 ] IE和Firefox的Javascript兼容性总结

长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理: 五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: var year= new Date().getYear();document.wr…

DOM操作样式表及其兼容性

DOM操作样式表的时候,存在很多浏览器兼容上的问题,测试的时候用的是Firefox 28.0.IE11.IE8.Chrome.测试的时候发现,不兼容问题基本上都是IE8和非IE浏览器之家的问题,很多IE8和非IE不兼容的方法在IE11中都已经兼容,而谷歌浏览器对IE8和Firefox中不兼容的方法都支持. 一.行内样式的操作 <div id="box" style=“float:right;font-size:30px;color:red;”>测试DIV</div&g…

JS的IE和FF兼容性问题汇总

转自:蓝色理想以下以 IE 代替 Internet Explorer,以 MF 代替 Mozilla FF 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: var year=new Date().getYear(); document.write(year); 在IE中得到的日期是"2010",在Firefox中看到的日期是"110",主要是因为在 Firefox 里面 getYear 返回的是 "当前年份-1900&q…

原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题

document.getElementsByClassName在ie8及其以下浏览器的兼容性问题,在ie8及其以下浏览器中不能使用,针对这个问题,下面给出详细的解决方法,感兴趣的朋友可以参考下原生js方法“document.getElementsByClassName”在ie8及其以下浏览器中,不能使用. 修改:加入兼容性判断,在需要用到该方法的位置修改为getClassNames方法. 代码如下: 原来方法: document.getElementsByClassName…

JavaScript 的setAttribute兼容性解决

setAttribute各个浏览器都支持,但在IE7以下版本中,有些属性值还是有差异的,比如 obj.setAttribute("class","classname") 在ie8等主流浏览器能起效,但在IE7以下版本中不起作用,因为IE7以下版本不认得“class”,他们只认得“className”; 单一的兼容性可以这样写 <!DOCTYPE html> <html lang="en"> <head> <…

JS、CSS兼容性问题的几点总结

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

ChildNodes详解及其兼容性处理方式

写在前面:在做insertBefore插入节点练习时发现一个问题,插入childNodes[0]和childNodes[1]时插入的位置是一样的!于是有了childNodes的了解,有了这篇文章,欢迎交流,欢迎拍砖. 本文包括如下: 1.DOM 常用节点类型说明 2.childNodes.Length详解 3.节点中取值问题 4.childNodes兼容性处理说明:本文综合网上其它博文对于childNodes的详解. 1.DOM 常用节点类型说明: NodeType NodeName 1…

js兼容性大全

js有个第二定律好的属性/选择器一定不兼容/* 获取类名通用代码*/function getClassName(){ if(document.getElementsByClassName){ dosoming....... }else{ getClassName(className); } function getClassName(className){ var aTag = []; var allTag = document.getElementById(id).getElementsByT…

document.getElementsByClassName在ie8及其以下浏览器的兼容性问题

原生js方法“document.getElementsByClassName”在ie8及其以下浏览器中,不能使用. 修改:加入兼容性判断,在需要用到该方法的位置修改为getClassNames方法. 代码如下: 原来方法: document.getElementsByClassName('tabs_div'): 这里的调用方法为:getClassNames('tabs_div' , 'div'): var divs = getClassNames('tabs_div' , 'div'); fun…

javascript IE与其他主流浏览器兼容性问题积累

javascript兼容性问题在javascript中,各个浏览器基本语法差距不大,其兼容问题主要出现在各个浏览器的实现上,尤其对事件的支持有很大问题,在此我就说说我知道的几个问题. ① 在标准的事件绑定中绑定事件的方法函数为 addEventListener,而IE使用的是attachEvent. ② 标准浏览器采用事件捕获的方式对应IE的事件冒泡机制(即标准由最外元素至最内元素或者IE由最内元素到最外元素)最后标准方亦觉得IE这方面的比较合理,所以便将事件冒泡纳入了标准,这也是addEve…

storage在IE8下的兼容性写法

storage 本地缓存,这是HTML5的一个非常好用的地方,具体好用在哪,网上可以找到很多,但是我觉得总结的都不是很完整,我建议大家有空的话可以看下JavaScript权威指南这本书,里面对于这个方法有着十分详细的解释.虽然说好用,但是还有个十分麻烦的问题就是在IE浏览器下的兼容性问题,IE是不支持这个属性的.也不是说全部,我自己测试的结果是IE8.9都是不支持的,那么怎么解决这个问题呢? 那就要感谢前辈了,我也不知道是谁写的这段代码,但是我用着十分好用,最起码IE8.9下都可以正常使用这个属…

AngularJS进阶(三十五)浏览器兼容性解决之道

浏览器兼容性解决之道前言浏览器兼容性一直是前端开发中不得不面对的一个问题.而最突出的就是IE.对绝大多数公司来说,兼容IE6的性价比已经很低,而IE7则几乎已经绝迹.所以,常见的兼容性下限是IE8.这也正是Angular1.2x的兼容性目标,Angular团队声明:Angular的持续集成服务器会在IE8下运行所有的测试.但这些测试不会运行在IE7及以下版本,它们也不会保证Angular将会工作在这些IE版本上. 而1.3以后的版本,Angular官方不再保证对IE8的兼容.当然,这并不表示…

jQuery1.11源码分析(3)-----Sizzle源码中的浏览器兼容性检测和处理[原创]

上一章讲了正则表达式,这一章继续我们的前菜,浏览器兼容性处理. 先介绍一个简单的沙盒测试函数. /** * Support testing using an element * @param {Function} fn Passed the created div and expects a boolean result */ //特性检测的一个技巧,造一个div,最后将其删掉,提供一种简单的沙盒(如果该div不加入到DOM树上,则部分属性如currentStyle会没有) function a…