`

动态增加input 方法 和注意

阅读更多
ie 下这样创建元素
var input = document.createElement("<input>");
		input.type = "checkbox";
		input.name = "xu";
	
		document.appendChild(input);


用 document.getElementsByName("xu") 得到的数组中没有上面创建的元素,一位ie规定在document.createElement("<input>");要指定 name=X 例如:document.createElement("<input name='xu'>");
但是ff下要求是这样创建元素 document.createElement("input");
所以找了如下的方法 通用ie ff
function createNamedElement(type, name) {
   var element = null;
   // Try the IE way; this fails on standards-compliant browsers
   try {
      element = document.createElement('<'+type+' name="'+name+'">');
   } catch (e) {
   }
   if (!element || element.nodeName != type.toUpperCase()) {
      // Non-IE browser; use canonical method to create named element
      element = document.createElement(type);
      element.name = name;
   }
   return element;
}
分享到:
评论

相关推荐

    jQuery实现动态添加、删除按钮及input输入框的方法

    使用jQuery库可以方便地实现这些功能,因为它提供了丰富的选择器和方法来操作DOM元素。通过本篇文章,我们将学习如何使用jQuery实现动态添加和删除按钮及input输入框的方法,同时还将涉及到事件响应和页面元素动态...

    input框添加图片按钮

    本文介绍了如何在`input`框中添加图片按钮,并探讨了其实现原理、兼容性处理方法及注意事项等内容。通过合理运用CSS和JavaScript技术,我们可以轻松创建出既美观又实用的用户界面组件。希望本文能对你有所帮助!

    Vue动态控制input的disabled属性的方法

    Vue 动态控制 input 的 disabled 属性的方法 在前端开发中,我们经常会遇到需要动态控制 input 框的 disabled 属性的需求,例如在新增和修改操作时,input 框的 disabled 属性需要根据不同的情况进行设置。今天,...

    jQuery/JS监听input输入框值变化实例

    综上所述,文章详细讲述了在Web开发中如何使用不同的JavaScript事件来监听input元素的值变化,并提供了多种方法来确保代码在不同浏览器中的兼容性和功能的完整性。这使得文章成为了一个很好的资源,供前端开发人员在...

    layui实现input框添加tag

    本文将详细介绍如何使用Layui实现input框添加tag功能。 首先,我们需要理解tag输入框的基本概念。Tag输入框是一种常见的用户界面元素,它允许用户在输入文本的同时,将其转化为标签形式展示,常用于关键词输入、...

    jquery 动态增加,减少input表单的简单方法(必看)

    本文将详细介绍如何使用jQuery来实现动态增加和减少input表单的方法。 首先,我们需要在HTML中设置一个基础结构。以下是一个简单的例子: ```html &lt;button class="add_field_button btn"&gt;Add ...

    常用限制input的方法

    通过上述方法,我们可以更灵活地控制`&lt;input&gt;`和`&lt;select&gt;`元素的输入行为,使得Web应用程序更加健壮和用户友好。这些技术在实际开发中非常有用,可以根据具体需求选择合适的限制方式来提高用户体验。

    javascript input自动赋值

    例如,使用事件委托可以确保即使在元素动态添加到DOM后也能正确赋值: ```javascript document.body.addEventListener('DOMNodeInserted', function(event) { if (event.target.tagName.toLowerCase() === 'input'...

    jquery创建和删除多个同名的input输入框

    创建多个同名input输入框,我们可以利用jQuery的`append()`方法动态添加HTML代码。以下是一个示例: ```javascript // 创建一个空数组,存储input的数量 var inputCount = 5; // 使用循环创建指定数量的input for ...

    layui动态绑定事件的方法

    在前端开发中,动态绑定事件是一项非常重要的技术,尤其是在处理动态创建的DOM元素时。...通过上述方法,即使是动态添加到页面上的元素,也能确保事件能够正确地绑定和触发,从而为用户带来良好的交互体验。

    解决layui的input独占一行的问题

    解决layui的input独占一行的问题涉及了Web前端开发中的布局和CSS样式设置。layui是一个前端UI框架,它提供了一套简单易用的CSS和JS组件,被广泛应用于快速开发Web界面。然而在实际应用中,开发者可能会遇到一些布局...

    Input框后面的“X”实现清除文本框插件

    IE11 在Input框内添加一个“X”,用来点击清除用户输入的数据,个人觉挺好用的,但是其它浏览器不会出现, 特进行插件扩展,实现所有浏览器都能出现“X” 实现原理: 此插件通过查找所有Input框 type="text" 属性 ...

    gwt 获取前台所有input 标签.docx

    值得注意的是,这个方法仅能获取到当前页面已加载的`&lt;input&gt;`标签,如果存在动态加载的输入元素,可能需要使用事件监听或其他机制来确保获取到它们。 除了上述方法,GWT还提供了`DOM`类,它包含了更多的DOM操作方法...

    input type=file 调取手机照相机和选择照片上传

    在移动设备上,HTML5 的 `input type="file"` 是一个关键元素,它允许用户从他们的设备中选择文件,包括照片,以便上传...在实际应用中,务必注意兼容性、性能和安全性问题,确保应用在各种设备和环境中都能良好运行。

    input输入粒子动画

    在IT行业中,"input输入粒子动画"是一种常见的交互设计技术,它通过canvas元素来实现,可以为用户在输入时提供视觉反馈,增加交互的趣味性和吸引力。这种技术不仅适用于个人计算机(PC)平台,还兼容移动设备,如...

    input按钮onclick事件大全

    ### Input按钮Onclick事件详解 在Web开发中,`&lt;input&gt;`标签是HTML文档中最常用的元素之一,常用于创建各种交互式按钮、输入框等。`onclick`属性则允许我们在用户点击这些元素时执行特定的JavaScript代码。下面将...

    JavaScript获取,设置光标位置,兼容InputTextArea

    这涉及到DOM(文档对象模型)操作和事件处理,对于创建动态和响应式的网页应用至关重要。本文将详细讲解如何在`&lt;input&gt;`和`&lt;textarea&gt;`中实现这一功能,以及如何确保兼容性。 首先,我们来理解一下什么是光标位置。...

    input error 下划线

    当用户输入有误,我们通过JavaScript或其他验证方法将`.error`类添加到`&lt;input&gt;`元素上,下划线就会变为红色,从而引起用户的注意。 此外,我们还可以通过其他CSS属性来增强错误状态的显示效果,例如: - 改变边框...

    重新输入:Unity输入系统。 InputManager和InputSystem之间的混合

    `InputManager`使用静态方法如`Input.GetAxis()`和`Input.GetButton()`来检测用户的输入。 2. Unity的新输入系统 - `Input System`: 从Unity 2018.4版本开始,引入了全新的`Input System`包,这是一个完全重写的...

    jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签

    使用了$("&lt;input type='text' name='input1'/&gt;")来创建一个新的文本input标签,然后使用.attr()方法给input标签设置name属性和value属性(即从服务器获取的数据项),接着使用.append()方法将这个input标签添加到...

Global site tag (gtag.js) - Google Analytics