首页 > 试题广场 >

获取 input 节点的正确方法 ()

[单选题]
获取 input 节点的正确方法 ()

<form class="file" name="upload">

<input id="file" name="file" />

</form>


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

getElementById() 返回对拥有指定 id 的第一个对象的引用。所以B错
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。

发表于 2019-02-21 23:38:26 回复(0)
D:答案错了,应该是 document.getElementsByName('file')[0]
  • document.getElementsByClassName(‘file')[0]
  • 获取的是<form class="file" name="upload">…</form>
  • document.getElementById() 返回的是指定ID的元素结点
  • document.getElementsByName() 返回的是指定名称的结点对象的‘集合‘
  • ...TagName(), ...ClassName() 也都是返回的集合
发表于 2018-08-27 13:05:29 回复(3)
d取到的不是class为file的form元素吗??
发表于 2018-07-30 09:41:08 回复(7)
所以你们都没有注意到d的"‘"是中文引号吗?
发表于 2018-08-29 18:22:18 回复(2)

这题答案有问题吧,应该直接document.getElementById('file')就可以了吧

编辑于 2018-08-05 09:47:07 回复(1)

是不是有些题后面已经改了答案,但讨论解析是在未改答案之前啊,看的有些晕😵

发表于 2019-03-22 14:23:42 回复(0)
querySelectorAll与querySelector的区别:      querySelectorAll : 找出所有匹配的节点并返回数组.     querySelector : 找到一个后就返回节点对象。 1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。  2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。  3、返回的结果是静态的,之后对document结构的改变不会影响到之前取到的结果 找出body标签下的第一个div document.body.querySelectorAll("div")[0] 找出所有标签  document.querySelectorAll("*") 找出head下所有的标签  document.head.querySelectorAll("*") 找出所有class=box的标签  document.querySelectorAll(".box") 找出所有class=box的div标签  document.querySelectorAll("div.box") 找出所有id=lost的标签  document.querySelectorAll("#lost") 找出所有p标签并且id=lost的标签  document.querySelectorAll("p#lost") 找出所有name=qttc的标签  document.querySelectorAll("*[name=qttc]") 找出所有存在name属性的标签  document.querySelectorAll("*[name]") 找出所有class=hot并且存在name属性的p标签  document.querySelectorAll("p.hot[name]") document.querySelectorAll("p[class=hot][name]")
发表于 2019-09-17 19:09:49 回复(0)

querySelectorAll()定义与用法

定义:
querySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所有元素,返回 NodeList 对象。

NodeList 对象表示节点的集合。可以通过索引访问,索引值从 0 开始。

提示: 你可以使用 NodeList 对象的 length 属性来获取匹配选择器的元素属性,然后你可以遍历所有元素,从而获取你想要的信息。

用法:
给文档中所有的 <h2>, <div> 和 <span> 元素设置背景颜色:
var x = document.querySelectorAll("h2, div, span"); var i; for (i = 0; i < x.length; i++) { x[i].style.backgroundColor = "red"; }

Document 对象方法

方法 描述


getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElement***yName() 返回带有指定name属性的对象集合。
getElement***yTagName() 返回带有指定标签名的对象集合。

发表于 2019-05-16 11:18:47 回复(0)
d
发表于 2019-04-27 17:03:17 回复(0)
A和D都是数组?为啥A对?
发表于 2019-03-21 13:27:45 回复(0)
getElementById()返回对拥有指定 id 的第一个对象的引用。所以B错getElementsByName()返回带有指定名称的对象集合。getElementsByTagName()返回带有指定标签名的对象集合。
发表于 2019-03-16 21:50:43 回复(0)
querySelectAll()得到的是数组,里面可以类,ID,标签明,name等 getElementById()里面是#ID getElementByClass()里面是.class elements肯定是数组 all肯定是数组
发表于 2019-03-12 15:15:50 回复(0)
请问为什么B不对
发表于 2019-01-29 10:37:39 回复(1)
c就不说了说一下abd吧 a需要一个选择器字符串 b,注意id是唯一的,也就是说通过id获取的都只有一个,不是类数组,既然不是伪数组,怎么能用数组方法取下标呢 为什么d对,通过name选出来的是一个类数组,可以通过下标来取
发表于 2019-01-08 01:00:31 回复(0)
没错呀,你们没发现如果说获取id的话fron和input都是同一个id名字吗?所以说获取id已经没有用了,剩下的只能获取name属性
发表于 2019-01-03 09:44:39 回复(0)
B
编辑于 2018-11-30 22:37:25 回复(0)
B
发表于 2018-11-24 09:23:14 回复(0)
没错,就是d 它获取的是name等于file的元素 注意element有没有加s
发表于 2018-11-22 10:48:00 回复(0)
B为什么错了
发表于 2018-10-25 11:33:08 回复(1)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> img{ float: left; width: 100px; height: 100px; } p{ width: 200px; height: 100px; overflow: hidden; line-height: 20px; } </style> </head> <body> <div> <img src="img/heart.gif" /> <p>啦啦啦啦啦啦啦啦啦啦绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿绿</p> </div> </body> </html>
发表于 2018-10-22 14:08:04 回复(0)