JavaScript中为元素加上name属性的方法


Posted in Javascript onMay 09, 2011

今天遇到个小问题, 在构建 DOM 时, IE 中不能通过 element.setAttribute('name', _variable); 和 element.name = _variable; 这样的形式来为元素加上 name 属性, 无论是 IE6 还是 IE7. (IE8 是可以的, 但 IE8rc1 不行)

后来我查看了 MSDN, 得到信息如下:

Internet Explorer 8 and later can set the NAME attribute at run time on elements dynamically created with the createElement method. To create an element with a NAME attribute in earlier versions of Internet Explorer, include the attribute and its value when using the createElement method.

也就是说, 我们必须通过带属性和值的标签来创建有 name 属性的元素. 为求各浏览器兼容良好, 代码可以这样写:
var element = null; 
try { 
// IE6/IE7 构建方式 
element = document.createElement('<input name="radio-button">'); 
} catch (e) { 
// W3C 构建方式 
element = document.createElement('input'); 
element.name = 'radio-button'; 
} 
// 定义其他属性 
element.id = 'radio-1' 
element.type = 'radio';

以前我是一个 Java 开发人员, 实际工作中 JavaScript 的代码量其实不多, 在自己的一些小应用中往往只是小打小闹, 会 (潜意识地) 避开一些可能出问题的地方, 像跨域使用 AJAX, IE 内存泄漏这样的问题很少回去考虑. 但在转做 UED 后, JavaScript 和交互应用肯定会成为我以后的工作重点, 发生大小各异问题的机会相当多 (现在几乎每天都有), 在解决各种问题的过程中, 我痛并快乐着. 本着不瞎搞, 少折腾的原则, 有必要把这些记录一下, 为自己备份, 更能与人分享.
Javascript 相关文章推荐
javascript 得到变量类型的函数
May 19 Javascript
js自定义事件代码说明
Jan 31 Javascript
js中使用replace方法完成某个字符的转换
Aug 20 Javascript
JavaScript与HTML的结合方法详解
Nov 23 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 Javascript
JavaScript toUpperCase()方法使用详解
Aug 26 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
Apr 06 Javascript
简述jQuery Easyui一些用法
Aug 01 jQuery
JavaScript伪数组用法实例分析
Dec 22 Javascript
JavaScript递归函数定义与用法实例分析
Jan 24 Javascript
JavaScript 放大镜 移动镜片效果代码
May 09 #Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 #Javascript
关于JavaScript的with 语句的使用方法
May 09 #Javascript
JavaScript的parseInt 取整使用
May 09 #Javascript
实现变速回到顶部的JavaScript代码
May 09 #Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
May 09 #Javascript
Chrome Form多次提交表单问题的解决方法
May 09 #Javascript
You might like
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
js计算字符串长度包含的中文是utf8格式
2013/10/15 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
Javascript原型链和原型的一个误区
2014/10/22 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
AngularJS服务service用法总结
2016/12/13 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
ES6中javascript实现函数绑定及类的事件绑定功能详解
2017/11/08 Javascript
iview table高度动态设置方法
2018/03/14 Javascript
JavaScript动态加载重复绑定问题
2018/04/01 Javascript
微信小程序实现弹出菜单功能
2018/06/12 Javascript
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
gulp构建小程序的方法步骤
2019/05/31 Javascript
Python探索之ModelForm代码详解
2017/10/26 Python
python并发编程之线程实例解析
2017/12/27 Python
Python实现统计给定列表中指定数字出现次数的方法
2018/04/11 Python
python中计算一个列表中连续相同的元素个数方法
2018/06/29 Python
python 读取视频,处理后,实时计算帧数fps的方法
2018/07/10 Python
Centos下实现安装Python3.6和Python2共存
2018/08/15 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
Perfume’s Club美国官网:西班牙第一家在线美容店
2020/06/10 全球购物
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
会计电算化应届生求职信
2013/11/03 职场文书
总裁秘书岗位职责
2013/12/04 职场文书
读书演讲主持词
2014/03/18 职场文书
现场活动策划方案
2014/08/22 职场文书
师德师风的心得体会
2014/09/02 职场文书
小学生心理健康活动总结
2015/05/08 职场文书
辛亥革命观后感
2015/06/02 职场文书
MySQL大小写敏感的注意事项
2021/05/24 MySQL
Python selenium模拟网页点击爬虫交管12123违章数据
2021/05/26 Python
vue递归实现树形组件
2022/07/15 Vue.js