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

本文共计210个文字，预计阅读时间需要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值