`
mutongwu
  • 浏览: 448522 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

input 的 name 与div的 Id 相同时出现的问题

    博客分类:
  • HTML
阅读更多
当页面中 input 的 name 与div的 Id 相同时,使用document.getElementById,获取对象时,IE下将读取input对象,其它浏览器则读取DIV对象。

例如:
<input name="test" value="testVal" />
<div id='test'></div>

//IE下e引用input,其它浏览器则是div
var e = document.getElementById('test');
分享到:
评论

相关推荐

    js使用循环清空某个div中的input标签值

    &lt;div class=col-xs-9 id=search_songs_a&gt; ...input type=text name=info[gqq_name] id=gqq_name style=width:200px;/&gt; 演奏者: &lt;td&gt;&lt;input type=text name=info[gqq_player] id=gqq_player style=width:200px;/

    Vue监听一个数组id是否与另一个数组id相同的方法

    数据list,结构为[{id:1,…},{id:2,…}],数据shoplist,结构为[{id:1,…},{id:2,…}],判断当shoplist.id等于list.id时显示list的数据。 .vue文件: &lt;div class=hello&gt; &lt;div class=shoplist&gt; &lt;button @...

    ID与name区分,内有详细例子,可以直接调试

    ### ID与Name在Web开发中的区分及应用 在Web开发领域,尤其是HTML中,ID与Name是两个极为关键且常被提及的概念。它们虽然都用于标识网页中的元素,但各自的特性和应用场景却大相径庭。 #### ID的独特性与唯一性 ...

    解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题

    总结一下,遇到form表单提交多个name属性值相同的input标签问题时,我们可以通过将name属性的值改为数组形式(即在名字后面加上"[]")来解决。这样,后端PHP脚本就可以通过数组方式接收每个相同名称的所有值,然后...

    纯CSS3实现漂亮的input输入框动画样式库(Text input love)

    分享一个用纯 CSS3 实现的,漂亮的 input 输入框动画样式库-Text input love。 ... ... &lt;div class=row&gt; &lt;p&gt;Click every input. &lt;/div&gt; &lt;div class=row&gt; ...input class=basic-slide id=name type=text p

    div+css制作表格

    &lt;div class="cell"&gt;&lt;div class="cell"&gt;&lt;input type="text" name="mainboard2008" id="mainboard2008"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="cell"&gt;&lt;input type="text" name="mainboard2009" id="mainboard2009"&gt;&lt;/div&gt; &lt;/div...

    inputcheckbox连动

    input name="" type="checkbox" value="1" id='s1' class="yd_dx" /&gt;一级响应 &lt;label id='v1'&gt; &lt;!--2--&gt; &lt;td class="qx qx2 wid1"&gt;&lt;input name="" id='s1-1' value='1-1' type="checkbox" class=...

    jquery遍历input取得input的name

    3. **`name`属性**:`&lt;input&gt;`元素中的`name`属性用于定义该元素的名称,这对于处理表单提交时的数据至关重要。 #### 二、核心代码解析 接下来,我们将详细分析题目中给出的核心代码片段: ```javascript $("input...

    input样式-input

    &lt;input type="file" id="file-input" name="file"&gt; &lt;label for="file-input"&gt;选择文件 &lt;/div&gt; ``` 在此示例中,我们创建了一个 `.custom-file-input` 容器,里面包含了一个不可见的 `&lt;input type="file"&gt;` 和一...

    layui时间控件选择时间范围的实现方法

    解决layui时间控件清空之后无法正常使用的问题,以及...input type=text name=start_time class=layui-input id=start_time placeholder=开始时间(修改时间)&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=layui-inline&gt; &lt;div

    一个增加表单input的例子/表单框按需求点击增加

    &lt;input type="text" id="name1" name="names[]"&gt; &lt;/div&gt; &lt;button id="addNameButton"&gt;添加姓名 ``` 这里的`id`属性用于JavaScript中选中特定的元素,`name`属性以数组形式(`names[]`)设置,方便在后端处理多...

    自己手写js css评分插件 刚才有bug;重新更新一下

    // inputname 会为你生成input :text;设置input id 默认div id; // starnum 星星的个数;默认五个; // startnum 星星初始化个数,初始化后,不可更改;(op 设置 true ;) // textTure 星星数默认五颗;开启文本...

    让div滚动条初始化到最低位置的三种方法

    &lt;div&gt;&lt;a id="msg_end" name="1" href="#1"&gt;&nbsp;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; ``` 这里的关键在于通过`click()`方法来触发元素的位置滚动,使得视口滚动到底部显示新内容。 #### 方法二:利用`scrollIntoView`方法 `...

    div弹出层实现单选功能

    var div = $('&lt;div class="option"&gt;&lt;input type="radio" name="selection" value="' + option.id + '"&gt;&lt;label&gt;' + option.text + '&lt;/label&gt;&lt;/div&gt;'); container.append(div); }); }, error: function() { ...

    input框添加图片按钮

    &lt;input class="formText" type="text" id="sampUserName" value="${testTaskVo.sampUserName}" name="testTaskVo.sampUserName" required="required" readonly="readonly" size="35"/&gt; ();" class="inputsrc" ...

    jsp\No result defined for action and result input.doc

    然而,如果配置文件(通常是struts.xml)中没有为特定的动作(action)定义“input”结果类型,则会出现上述错误提示。 #### 典型场景示例 假设有一个简单的表单用于收集用户信息,其中一个字段是接收者的登录ID: ...

    Js弹出div和关闭

    #### 弹出div的原理与实现 在网页开发中,有时我们需要在用户执行某些操作时,例如点击某个按钮或链接后,弹出一个窗口来显示额外的信息或者让用户进行一些互动。使用JavaScript来实现这种弹出效果是一种常见且有效...

    给div层增加右键菜单

    &lt;input type="hidden" id="flag" name="flag"&gt;&lt;/input&gt; &lt;!-- 表单字段 --&gt; &lt;/div&gt; ``` ### 总结 通过上述内容我们可以了解到,实现div层上的右键菜单功能涉及到HTML结构的设计、CSS样式的布局以及JavaScript的...

    jquery 实现input输入什么div图层显示什么

    本知识点将详细介绍如何利用jQuery实现一个基本的交互效果:当用户在输入框中输入内容时,页面上的指定div图层即时显示相同的内容。这是一个在前端开发中常见的需求,常用于搜索提示、实时预览等场景。 1. jQuery库...

    Jquery-Ajax各种获取方式

    &lt;div id="message"&gt;&lt;/div&gt; &lt;form&gt; 用户ID:&lt;input name="userInfo.userId" type="text"/&gt;&lt;br/&gt; 用户名:&lt;input name="userInfo.userName" type="text"/&gt;&lt;br/&gt; 密 码:&lt;input ...

Global site tag (gtag.js) - Google Analytics