如何用JavaScript实现获取input元素值的两种方法？

本文共计212个文字，预计阅读时间需要1分钟。

第一种方式：通过获取DOM来获取input值

1.通过id获取：`document.getElementById('element').value;`

2.通过class获取：`document.getElementsByClassName('class')[0].value;`

3.通过name获取：`document.getElementsByName('name')[0].value;`

4.通过querySelector获取：`document.querySelector('input').value;`

第一种：通过获取DOM来获得input值获取DOM的四种方式1.通过iddocument.getElementById(element).value;2.通过classdoc

 

　　第一种：通过获取DOM来获得input值

　　

　　获取DOM的四种方式

　　1. 通过id

　　document.getElementById("element").value;

　　2. 通过class

　　document.getElementsByClassName("element").value;

　　3. 通过name属性

　　document.getElementsByName("element").value;

　　4. 通过标签名

　　document.getElementsByTagName("input").value;

 

　　第二种：通过给form表单添加name属性，然后以对象点的方式获取input的name值