innerHTML在IE与FF、chrome、opera浏览下获取的HTML标称名大小写不一样

今天在获取select中的option元素，然后通过正则表达式把option字符转换成li字符时，在chrome FF opera中能成功，在IE下还是option字符.

用alert()弹出框打印出来一看，打印出来的HTML元素标签名都是大写的。

原来是这么写的：

optionsUI = optionsUI.replace(/(option)/g,"li");

修改后这么写的：

optionsUI = optionsUI.replace(/(option)/gi,"li");

开始没有考虑到在IE下获取的HTML标签名是大写的。所以没有加在 i 。

附上一张有关regexp修饰符

IE效果标签名是大写：

chrome效果标签名是小写的：

时间： 2024-07-29 11:30:53

innerHTML在IE与FF、chrome、opera浏览下获取的HTML标称名大小写不一样的相关文章

js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本

这篇文章主要分享了判断IE.FF.Opera.Safari.Chrome等浏览器和版本的两种方法,需要的朋友可以参考下 因为ie10-ie11的版本问题,不再支持document.all判断,所以ie判断函数要重新写了 function isIE() { //ie? if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; } 第一种,只区分浏览器,不考虑版本 代码如

ie678,FF,chrome的css兼容性

css的兼容性一般都是前端初学者面临的一个头疼的问题,难免写出来的css在各个浏览器下的效果均有不同,于是乎各种css hack写法出来了,其实在一个规范的项目开发中,css hack都是提倡能不用则尽量不用,因为产生兼容性问题的时候很多情况是写法不规范引起的,但也确实存在一些浏览器本身的bug,特别是万恶的IE. 小知识:什么是CSS hack? 由于不同的浏览器,比如IE6.IE7.IE8.Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的 页面效

FF,chrome与IE的事件处理程序

今天学习了js的事件处理程序,IE与FF,chrome,safari,opera的处理事件方法不同,FF,chrome,safari,opera支持addEventLisener,而addEventListener是属于DOM2定义的函数,IE不支持DOM2,因此要想实现跨浏览器的事件处理,需要针对IE与FF,chrome,safari,opera进行不一样的处理. 1.事件流 首先要记录的就是事件流了,事件流有三个阶段,事件捕获阶段.处于目标阶段和事件冒泡阶段.处于目标阶段,其事件处理中被看成

关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器

这篇文章主要介绍了关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器,需要的朋友可以参考下.希望对大家有所帮助 Firefox 和 IE 的浏览器各自实现了input历史记录的功能,可以简化输入时的麻烦,但是,有时候弹出的下拉框会挡住页面显示内容,而且在某些情况下也不需要对input框进行记录,如号码查询的input框,用户不会对同一个号码进行多次查询,就没有必要让浏览器记录. MSIE自定义了input 的扩展属性 autocomplete,置为off即可 <input typ

js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)

网上有关这方面的代码比较多而乱,这里整理一下并加以改进. 添加事件 var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventListener( type, fn, false ); else if (obj.attachEvent) { obj["e"+type+fn] = fn; obj.attachEvent( "on"+type, function() {

原生js绑定和解绑事件,兼容IE,FF,chrome

主要是最近项目中用到了原生的js 解绑和绑定 事件  然后今天研究了一下,其实问题不大,不过要注意不要把单词写错了,今天我就找了好久单词写错了. 需求:当鼠标移上去以后,给Select加载元素,接着解除这个事件.贴上代码,这个是可以运行的,兼容 IE FF chrome 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312&qu

IE6/7/8下cssText值与IE9/Firefox/Safari/Chrome/Opera不同

一,结尾没有分号 如下 <div style="color:red;">TEST</div> <script> var div = document.getElementsByTagName('div'); alert(div[0].style.cssText); </script> 各浏览器输出如下IE6/7/8 : IE9/Firefox/Chrome/Safari/Opera : 可以看到IE6/7/8中少了分号. 二,属性名(co

史上最全的css hack（ie6-9,firefox,chrome,opera,safari）

在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面.javascript我这次就不谈了,先说说css. 为了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-9,它的10也快出来了...在ie下我们可以写条件注释来区分 ie和其他浏览器,以及ie的版本,这些请大家自行google.这篇文章主要讨论的是css hack.下面废话补多说了,直接上代码 <!DOCTYPE html>  

兼容IE及chrome的浏览按钮

浏览本地文件的浏览按钮,其实有一个专门的控件,即:<input type=file>file控件,但是file控件在不同的浏览器上显示的方式不同: 在IE上为: 在chrome为: chrome中显示的file控件的样式不太美观,用下列方式既可保证在chrome中的美观,又可保证在IE的兼容性: <html> <style> .image_upload{float:left;margin-top:-20px;*margin-top:-20px;filter:alpha(