首页 > 试题广场 >

下面代码获取 input 节点的正确方法是( )

[单选题]

<form class="file" name="upload">
<input id="file" name="file" class="file"/>
</form>

```
document.querySelectorAll('file')[0]
```
```
document.getElementById('file')[0]
```
```
document.getElementByTagName('file')[0]
```
```
document.getElementById('file')
```

查看答案及解析

Ped

D不是获取form节点吗？

发表于 2019-03-24 23:39:24 回复(1)

Heller｀い

D不是对的吗，为什么说是错的...

查找出class_list=[form， input]；

class_list[1] = input;

发表于 2019-09-21 22:15:12 回复(0)

过来吧

应该是为了测试我们会不会空着这道题

编辑于 2019-08-22 23:09:58 回复(0)

kyrielx

选项都有问题

发表于 2019-06-14 15:26:46 回复(0)

毕达哥拉斯的大树

如果忽略D选项的标点符号错误，那么正确答案确实是D

A: querySelectorAll 接收一个选择器做参数，正确用法：

document.querySelectorAll(".file")[1];

B: 会返回undefined，因为getElementById 只返回符合id的那一个节点，而不是一个列表不能使用下标，正确写法

document.getElementById("file");

C: file 根本不是一个tag，会出错, 正确用法：

document.getElementsByTagName("input")[0];

D: 仔细看选项包裹file的引号，仔细看发现根本不是个引号，更正后：

document.getElementsByClassName("file")[1];

总结：严格来说没有正确答案，忽略标点符号可以选D

编辑于 2019-10-25 09:52:07 回复(6)

旺仔大馒头

选项全都是错的：

A. 选择的是file标签的第一个元素结点，，不存在file标签

B. 选择的是id为file，但是他不是一个数组，因此不能有下标

C. 选择的是file标签的第一个元素结点，不存在file标签

D. 选择的是class为file的第一个元素结点，此时选中的是form标签，而不是input结点。

编辑于 2019-08-31 17:07:13 回复(10)

o201807261516255

全部选项都是错的。。

发表于 2019-03-31 22:38:04 回复(2)

牛客386554385号

真正的问题不应该是每个类名都没加 . 吗。。。。

发表于 2020-09-17 22:51:48 回复(0)

子木佳

D选项不是对的吗？找到ID为file的结点，只有inout标签的ID为file呀

发表于 2020-07-27 12:20:08 回复(0)

未丶之

D哪里错了，getElementsByClassName(‘file')[1]的话指的是第二个file节点啊，没毛病啊。

发表于 2019-10-02 23:10:58 回复(1)

即墨清和

题目中 `` 元素有一个 `id="file"` 属性。在 JavaScript 中，`document.getElementById('file')` 会直接返回这个具有对应 `id` 的 DOM 元素对象；它返回的是一个单一的 **Element**，而不是一个数组或集合。因此，正确的用法是： ```js document.getElementById('file'); ``` **而不是**： ```js document.getElementById('file')[0]; // 这会报错，因为 getElementById(...) 返回的不是数组，也没有下标 0 ``` 其它选项的区别大致如下： 1. **document.querySelectorAll('file')[0]** - `querySelectorAll('file')` 这种用法一般指通过 CSS 选择器来匹配所有 tag 或带有指定属性的元素，但 `'file'` 并不是常规的标签名（HTML 中不存在 `<file>` 标签），也不是常规的类名或 id 选择器，所以无法正确选到这个 ``。 2. **document.getElementById('file')[0]** - `getElementById` 返回的是单一元素，不是数组或 HTMLCollection，没有下标 0。 3. **document.getElementsByTagName('file')[0]** - `getElementsByTagName('xxx')` 返回的是一个包含标签名为 `xxx` 的所有元素的 HTMLCollection。但同上，HTML 中并没有 `<file>` 这种标签，因此获取不到该 `` 元素。综上，只有选项 D（`document.getElementById('file')`）能够正确获取到带有 `id="file"` 的输入框元素，所以 D 是正确答案。</file></file>

发表于 2025-01-03 12:13:36 回复(0)