JavaScript获取 input 输入框内容的几种方法

方法 1：

document.getElementById('textbox_id').value // 获取指定 id 的内容

方法 2

使用以下方法返回 HTMLCollection:

document.getElementsByClassName('class_name')[index].value

HTMLCollection 接口表示一个包含了元素（元素顺序为文档流中的顺序）的通用集合（与 arguments 相似的类数组 (array-like) 对象），还提供了用来从该集合中选择元素的方法和属性。

HTML DOM 中的 HTMLCollection 是即时更新的（live）；当其所包含的文档结构发生改变时，它会自动更新。

---

方法 3

通过标签名来获取 HTMLCollection：

document.getElementsByTagName('tag_name')[index].value

---

方法 4

以下返回 NodeList，NodeList 对象是节点的集合，通常是由属性如 Node.childNodes 和 方法，如document.querySelectorAll 返回的。

NodeList 是一个实时集合，也就是说，如果文档中的节点树发生变化，NodeList 也会随之变化。

document.getElementsByName('name')[index].value

---

方法 5

使用 CSS 的选择器来获取，这种方法更强大：

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