兼容IE老版本的动态增加例子

最新推荐文章于 2023-01-02 23:44:46 发布

baidu_20070235

最新推荐文章于 2023-01-02 23:44:46 发布

阅读量417

点赞数

文章标签： submitname ie ie 7 dom javascript

本文链接：https://blog.csdn.net/baidu_20070235/article/details/78463013

版权

这篇博客介绍了在前端开发中遇到的IE老版本（如IE7）动态创建元素的兼容性问题，主要涉及createElement()函数创建元素时name属性解析错误以及元素生成时无法绑定事件的问题。作者通过研究资料和参考他人解决方案，成功解决了这两个问题，并提供了相关代码示例。

摘要由CSDN通过智能技术生成

最近项目需要使用前端动态创建元素来制作功能，制作了一个小的demo。使用原生JS发现因某些兼容性问题而不太适用于IE的老版本。

主要有两点:

1.老版本IE（以IE7为例）动态创建元素时，使用createElement()函数来创建元素时，如定义了name属性，在老版本IE中会自动被解析为SubmitName而无法使用document。getElementByName()来进行DOM操作。

2.无法在元素生成时绑定事件。

查阅了相关资料和借鉴各路大神的解决方法，完成了任务。记录一下供自己以后参考。

代码如下:

   <!DOCTYPE html> 
 

   < 
  html 
  lang= 
  "en"> 
 


   < 
  head> 
 

   < 
  meta 
  charset= 
  "UTF-8"> 
 

   < 
  meta 
  name= 
  "viewport" 
  content= 
  "width=device-width, initial-scale=1.0"> 
 

   < 
  meta 
  http-equiv= 
  "X-UA-Compatible" 
  content= 
  "ie=edge"> 
 

   < 
  title>动态增加</ 
  title> 
 

   </ 
  head> 
 


   < 
  body> 
 

   < 
  input 
  type= 
  "button" 
  value= 
  "新增" 
   onclick= 
  "add(this.parentElement)"> 
 

   < 
  input 
  type= 
  "button" 
  value= 
  "check" 
  onclick= 
  "check()"> 
 

   </ 
  body> 
 


   </ 
  html> 
 

   < 
  script> 
 
 
  function 
   check() { 
 

 
  var str1 
   = 
  "" 
 
 
  var str2 
   = 
  "" 
 
 
  var fqi 
   = 
   / 
  ^ 
  [1-9] 
  {0,1} 
  \d 
  {1}$|^ 
  [1-9] 
  {0,1} 
  \d 
  {1} 
  \.\d 
  {1,2}$ 
  /; 
 
 
  var SRate 
   = document. 
 

最低0.47元/天解锁文章

baidu_20070235

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
兼容IE老版本的动态增加例子

最近项目需要使用前端动态创建元素来制作功能，制作了一个小的demo。使用原生JS发现因某些兼容性问题而不太适用于IE的老版本。主要有两点:1.老版本IE（以IE7为例）动态创建元素时，使用createElement()函数来创建元素时，如定义了name属性，在老版本IE中会自动被解析为SubmitName而无法使用document。getElementByName()来进行DOM操作。
复制链接

扫一扫