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

2019-11-06 09:41:04来源：爱站网阅读 ()

JavaScript的操作一直是高深莫测的，这也让我们很多人对它印象深刻，其实我们有这些内容做参考的时候，可以对这些内容进行改进，从而达到我们想要的效果，下面是爱站技术频道小编带给大家的JavaScript中为元素加上name属性的方法。

今天遇到个小问题, 在构建 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中为元素加上name属性的方法，其实JavaScript在未来肯定能成为大家关注的焦点。

原文链接:https://js.aizhan.com/develop/JavaScript/9942.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有