JavaScript中为元素加上name属性的方法
更新时间：2011年05月09日 23:40:55 作者：
干前端这行当已经超过一个月了, 每天都会遇到新奇古怪, 甚至离奇的问题. 虽然绝大部分都是一些小问题, 但我觉得还是有必要记录下来
今天遇到个小问题, 在构建 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 和交互应用肯定会成为我以后的工作重点, 发生大小各异问题的机会相当多 (现在几乎每天都有), 在解决各种问题的过程中, 我痛并快乐着. 本着不瞎搞, 少折腾的原则, 有必要把这些记录一下, 为自己备份, 更能与人分享.
后来我查看了 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中英文字符长度统计方法示例【按照中文占2个字符】
这篇文章主要介绍了JavaScript中英文字符长度统计方法,涉及javascript针对中英文字符的匹配与运算相关操作技巧,需要的朋友可以参考下2017-01-01
本篇文章主要介绍了详解JavaScript按概率随机生成事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了微信小程序如何调用json数据接口并解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了js replace替换字符串同时替换多个方法 的相关资料,需要的朋友可以参考下2018-11-11
js的数组与我们日常生活中的数组一样,都是会进行求和计算的,下面这篇文章主要给大家介绍了关于JS数组求和的几种常见方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-01-01
我们在开发小程序时，如果想获取用户信息，就需要获取用的授权，如果用户误点了拒绝授权，我们怎么样去正确的引导用户重新授权呢。今天就来给大家讲讲如果正确的引导用户授权,需要的朋友可以参考下2019-07-07
Webpack 5 是一款强大的模块打包工具,可用于将许多分散的模块按照依赖关系打包成一个（或多个）bundle,这篇文章给大家介绍webpack 5 mode的作用和区别解析,感兴趣的朋友跟随小编一起看看吧2024-01-01
这篇文章主要介绍了JavaScript生成一个不重复的ID的方法示例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了JS实现前端页面的搜索功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2018-06-06
这篇文章主要为大家详细介绍了js实现删除li标签一行内容，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-04-04
最新评论