首页 手机数码内容详情

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

2022-04-26 81 zzx
input框属性设置方法(input属性有哪些)

站点名称:input框属性设置方法(input属性有哪些)

所属分类:手机数码

官方网址:

SEO查询: 爱站网 站长工具

进入网站

站点介绍

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

input标签

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;

第二种:通过给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>