input框属性设置方法（input属性有哪些）

09月22日, 2014 260次

第一种：通过获取DOM来获取input值，这种对比常见。小白必知的javaScript获取input的2种方法

input标签

input框属性设置方法（input属性有哪些） 第1张

1. 通过id

document.getElementById(“element”).value;

2. 通过class

document.getElementsByClassName(“element”)[0].value;

3. 通过name属性

document.getElementsByName(“element”)[0].value;

4. 通过标签名

document.getElementsByTagName(“input”)[0].value;

input框属性设置方法（input属性有哪些） 第2张

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

<html>

<head>

<meta charset=”utf-8″>

</head>

<body>

<form name=”form”>

<input type=”text” name=”element” />

</form>

<script>

function print() {

console.log(form.element.value);

}

print();

</script>

</body>

</html>