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

小猪 501 0

第一种:通过获取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>

抱歉,评论功能暂时关闭!