document.getElementsByName(...).focus is not a function 依据input的name属性获取焦点

最新推荐文章于 2023-05-13 02:12:47 发布
最新推荐文章于 2023-05-13 02:12:47 发布
阅读量6k 收藏
点赞数 1
分类专栏： js 文章标签： js input iview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42216734/article/details/101981552
版权

document.getElementsByName(…).focus is not a function 依据input的name属性获取焦点

这个问题原因很简单，在控制台输出就明白了。
console.log(document.getElementsByName(‘name’));

输出结果是list，因此，要获取到节点，需要加数组下标。
正确的写法是这样
document.getElementsByName(‘name’)[0].focus();
在这里插入图片描述
输入完成，切换焦点，妥！！

孤烟难散
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
el-input设置自动聚焦this.$refs.xxx.focus is not a function报错
qq_45821882的博客
08-15 2938
碰到一个需求，在中，使用});出现了报错。具体报错为打印一下this.$refs.promptInput发现有值，但是找不到focus方法问题可能在于直接给el-input绑定一个ref取到的是textarea外面的那层div并没有真正的找到textarea分析一下 this.$refs.promptInput 的打印值，this.$refs?.$refs?});
vue 报错Error in nextTick: “TypeError: that.$refs[“idx-“.concat(...)].focus is not a function“
Harley567
01-09 1317
1.一个关于动态使用refs控制循环组件的问题; 2.实现enter增加输入框并且光标下移的方法;
document.getElementById().submit is not a function
程序员的杯具--你懂的！
07-03 1739
document.getElementById("searchForm").submit is not a function 今天在写代码的时候JS一直报上面这个错。搞了半天一直想不明白 。我看别的页面都是这样写了就是没有一点错。。 可能是写了一个晚上的代码。。头有点晕。。后来终于找到原因了。。浪费我两个小时啊。。杯具。。   有时候需要用javascript提交表单，这个时候我...
获取ＤＯＭ当前焦点元素
luxiaopengyou的博客
07-27 731
//查询当前焦点元素 document.activeElement //查询ＤＯＭ名称类 document.activeElement．localName
document.getElementsByName和document.getElementById 在IE与FF中不同实现
01-02
^） 但是对于document.getElementsByName 与document.getElementById 这个两个方法，IE中是并没有严格区分 ID 与 Name 的，比如： [removed] function useGetElementsByNameWithId(id) { var eles = d
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
09-06
如果需要根据`name`属性查找元素，应使用`getElementsByName()`，而如果需要按标签名查找，应使用`getElementsByTagName()`。 总的来说，理解这些方法的工作原理以及它们在不同浏览器中的行为差异，可以帮助开发者...
document.all还是document.getElementsByName?
01-21
代码如下:（wuhen注：document.all是ie特有的属性，不是万维网标准） 当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法....
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页
09-06
`getElementsByName` 方法用于获取具有相同`name`属性的所有元素，返回的是一个HTMLCollection，即动态的元素列表。这个列表不是真正的数组，但可以像数组一样处理。例如： ```javascript var elems = document....
document.getElementsByName("name")获取元素的value值失败
weixin_30361753的博客
10-31 2554
document.getElementsByName("name").value;像这样是获取不到值的，弹出的消息是 underfined： 原因getElementById是element单数，getElementsByName是elements复数。 正确方法：var x=document.getElementsByName("name")[0].value;或者：var x=docume...
JavaScript中使用编程式触发表单提交时Console控制台报错：document.getElementById(...).submit is not a function
Bitter_coffee_的博客
05-04 1148
Uncaught TypeError: document.getElementById(...).submit is not a function 编程式触发表单提交完成表单校验
documen.getElementById(...).submit() is not a function
Fate_2018的博客
09-02 687
error:Uncaught TypeError:documen.getElementById(…).submit() is not a function solution:Make sure that there is no name=‘submit’ or id=‘submit’ in the form调用from标签的submit()功能报错，查下来发现是因为有 把id改成其他名称之后恢复...
Vue设置输入框input的焦点focus
superatom01的博客
05-13 7097
实际上，在我测试的一个列表的的应用里（列表每个元素有一个编辑框），这个$el也是个undefined，仍然不行。也就是从$refs里面拿出来这个组件后，它的第0个元素，才是input的真身。如果你试了上面的方法都不行的时候，别气馁，下面的方法也许能让你出坑。如果要实现页面加载后，立即让编辑框获得焦点并进入编辑状态，请移步。通常，你搜到的很多答案都说通过。你可能会遇到这个脚本错误的信息。
document.getElementById is not a function
m0_37626203的博客
03-25 1万+
看见这个错误，我气不打一出来。我看别人的都是字符的大小写错了。我也仔细看了，没看出问题来。 更关键的是，我用layui提交form表单还能提交完成。你能猜猜问题出现在哪里么？ 我form标签的字儿打错了。自扇耳光一百下 ...
"getElementsByClassName is not a function" 报错原因
bangpu6497的博客
07-15 4455
element.getElementsByClassName("")： 返回的含有该类的子元素数组，除了子元素以外的后代元素是获取不到的。要遍历使用，或者.element.getElementsByClassName("")[0]; 这样的方式获取元素。 document.getElementsByClassName： 这个才会返回含有该类的后代元素。 见MDN对el...
JS中常见的 “函数名 is not a function” 错误
热门推荐
weixin_40345099的博客
09-30 26万+
js中常见的错误，例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外，还有一种很奇怪的情况：函数本身没有错，但是运行时就是不能正常运行。这种情况与javascript的特性有关：变量与函数声明前置的优先级。 首先看代码： console.log(x) console.log(x()); var x=1; function x(){...
解决vue使用$refs：报错this.$refs.xxx.xxx() is not a function
背心的博客
12-31 1万+
原因： this.$refs.inputTitle中inputTitle是一个数组，因此需要指定某一项的索引号 解决方法 在inputTitle后面加个[0]，其中0代表当前项的索引号 this.$refs.inputTitle[0].focus()
js报$ is not a function 的问题的解决方法
work hard
03-01 11万+
在html中的程序，跑的好好的，换成jsp在项目中跑，就一直报$ is not a function错，针对此问题，下面有个不错的解决方法，大家可以尝试操作下 今天在做项目时，碰到了一个超奇怪的问题。我在html中的程序，跑的好好的，换成jsp在项目中跑，就一直报$ is not a function错。找了很久，试了很多，都没解决。后来，突然想到，将我引入的js文件的顺
document.getElementsByName
最新发布
09-06
document.getElementsByName＊＊＊元素集合。与之相比，document.getElementById()是另一种DOM方法，用于通过元素的id属性值获取唯一匹配的元素。 这两种方法的不同之处在于，document.getElementsByName()返回的是一个元素集合（可能包含多个元素），而document.getElementById()返回的是一个单独的元素。 在IE浏览器中，它们对于id和name的区分并不严格。也就是说，document.getElementsByName()方法在IE中也可以通过id属性值进行匹配。这是因为在IE中，元素的id属性值在DOM中也会被当作name属性值来处理。 因此，如果在IE中使用document.getElementsByName()方法并传递一个id属性值作为参数，它将返回与该id属性值匹配的元素集合，而不仅仅是根据name属性值匹配的元素集合。 请注意，这种行为可能会导致一些混淆和不一致性，因此建议在编写代码时避免在IE中使用document.getElementsByName()方法来通过id属性值获取元素。相反，应该使用document.getElementById()方法来获取唯一匹配的元素。 总结起来，document.getElementsByName()方法用于通过元素的name属性值获取匹配的元素集合，而document.getElementById()方法用于通过元素的id属性值获取唯一匹配的元素。在IE浏览器中，document.getElementsByName()方法也可以通过id属性值进行匹配，但这种行为并不被建议使用。<span class="em">1</span> #### 引用[.reference_title] - *1* [document.getElementsByName和document.getElementById 在IE与FF中不同实现](https://download.csdn.net/download/weixin_38609571/14005650)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值