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

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

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

文章插图
1. 通过iddocument.getElementById(“element”).value;
2. 通过classdocument.getElementsByClassName(“element”)[0].value;
3. 通过name属性document.getElementsByName(“element”)[0].value;
4. 通过标签名document.getElementsByTagName(“input”)[0].value;
input框属性设置方法 input属性有哪些

文章插图
第二种:通过给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>
【input框属性设置方法 input属性有哪些】</html>

    推荐阅读