JavaScript 获取 input 输入框内容有以下6种方式

1.获取 id 的内容

获取id名称的元素，单个元素

document.getElementById("id名称") // 获取指定 id 的内容

注意：以下方法 2、3、4 和 6 返回元素的集合, 通过索引 [index] 来获取制定元素，第一个元素使用 [0]，第二个元素使用 [1]，以此类推…

2.获取标签元素

获取标签元素，数组集合,如果需要获取单个元素需要加上下标

document.getElementsByTagName("标签")[下标]

3.获取name属性的名称

获取name属性的名称，数组集合，如果需要获取单个元素需要加上下标

document.getElementsByName("name名称")[下标]

4.获取class名称元素

document.getElementsByClassName("class名称")[下标]

5.获取选择器元素，只会获取第一个

document.querySelector("选择器")// selector 是 CSS 选择器

6. 可以返回所有 CSS 选择器对于的元素。

document.querySelectorAll("选择器")[下标]