获取input节点的正确方法

获取 input 节点的正确方法 （）

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

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

</form>

 

A document.querySelectorAll('file')[0]

B document.getElementById('file')[0]

C document.getElementByTagName('file')[0]

D document.getElementsByName('file')[0]

答案: D

---

首先区别以下函数:

    document.querySelector() 返回与指定的选择器组匹配的元素的后代的第一个元素;

    document.querySelectorAll() 返回与指定的选择器组匹配的文档中元素列表.返回的对象是NodeList;

    document.getElementById() 返回一个Element对象，表示id属性与指定字符串匹配的元素;

    document.getElementsByClassName() 返回具有所有给定类名的所欲子元素的类数组对象.返回的对象是HTMLCollection;

    document.getElementsByTagName() 返回具有给定标记名称的元素的HTMLCollection;

    document.getElementsByName() 返回文档中具有给定名