js创建兼容IE和firefox的DOM
来源:互联网 发布:java方法重载注意 编辑:程序博客网 时间:2024/06/06 05:19
我们都知道在IE中创建表单元素可以有三种方式
var oInput = document.createElement("input");
var oInput = document.createElement("<input />");
var oInput = document.createElement("<input name='' />");
var oInput = document.createElement("<input />");
var oInput = document.createElement("<input name='' />");
在Firefox里面仅支持
var oInput = document.createElement("input");
想要兼容IE/Firefox动态创建radio button元素可以这样写:
function createRadio(name,id,value,isChecked)
{
var oRadio = null;
if(isIE)
{
oRadio = document.createElement("<input name='" + name + (isChecked ? "' checked='"+ isChecked +"'/>" : "' />"));
oRadio.id = id;
oRadio.type = "radio";
oRadio.value = value;
}
else
{
oRadio = document.createElement("input");
oRadio.setAttribute("type","radio");
oRadio.setAttribute("id",id);
oRadio.setAttribute("name",name);
oRadio.setAttribute("value",value);
if(isChecked)
{
oRadio.setAttribute("checked",isChecked);
}
}
return oRadio;
}
{
var oRadio = null;
if(isIE)
{
oRadio = document.createElement("<input name='" + name + (isChecked ? "' checked='"+ isChecked +"'/>" : "' />"));
oRadio.id = id;
oRadio.type = "radio";
oRadio.value = value;
}
else
{
oRadio = document.createElement("input");
oRadio.setAttribute("type","radio");
oRadio.setAttribute("id",id);
oRadio.setAttribute("name",name);
oRadio.setAttribute("value",value);
if(isChecked)
{
oRadio.setAttribute("checked",isChecked);
}
}
return oRadio;
}
延伸一下,动态创建input任意元素代码片段如下即可:
function createElement(tagName,name,type,value)
{
var element = null;
try
{
element = document.createElement('<'+tagName+' name="'+name+'" />');
element.type = type;
element.value = value;
}
catch (e)
{
}
if (!element)
{
element = document.createElement(tagName);
element.setAttribute("type",type);
element.setAttribute("name",name);
element.setAttribute("value",value);
}
return element;
}
{
var element = null;
try
{
element = document.createElement('<'+tagName+' name="'+name+'" />');
element.type = type;
element.value = value;
}
catch (e)
{
}
if (!element)
{
element = document.createElement(tagName);
element.setAttribute("type",type);
element.setAttribute("name",name);
element.setAttribute("value",value);
}
return element;
}
http://blog.163.com/baibing5411/blog/static/2690843120096702848694/
- js创建兼容IE和firefox的DOM
- js脚本:ie和firefox的兼容
- [js] 兼容IE和firefox
- IE、firefox的js兼容
- firefox兼容ie的dom方法脚本
- 兼容FireFox和IE的iframe自适应高度js函数
- js兼容firefox和ie的ctrl+enter事件捕获
- 兼容IE和Firefox的JS读取XML文档例子
- 项目中常用到的JS(兼容IE和Firefox)
- 项目中常用到的JS(兼容IE和Firefox)
- IE和FireFox中都兼容的JS代码
- 兼容IE和FIREFOX的select选项操作JS
- 兼容ie和firefox的加入收藏夹js
- 兼容Firefox和IE的禁用Tab键JS代码
- JS在firefox和IE下的区别 兼容解决方案
- js 计算两个日期的间隔 兼容firefox和ie
- js网页日历,兼容IE和Firefox
- js 实现键盘记录 兼容FireFox和IE
- 比较详细的javascript DOM 学习笔记
- (转)技术是把双刃剑!
- [SQLite3] 사용중인 데이터베이스 백업 (Backup of a Running Database)
- Access中SQL查询的数据类型转换
- JavaScript给定年月 获取月份的天数
- js创建兼容IE和firefox的DOM
- 在C语言里进行面向对象设计--模拟运行时识别
- 我的第一个JQUERY 插件 tree3
- From J2EE to Java EE (十年)
- L137从usb设备启动
- ssh经典面试题
- linux
- Secure Internet for Small Office / Home Office HOWTO
- PHP autoload机制详解