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

好文

已推荐百科知识 2022年12月14日 01:16:29 1 2 网创网营销顾问知名网络工程师互联网优化师本文总共518个字，预计阅读时间或需2分钟

试试语音读文章

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

您还感兴趣的文章推荐

以上就是由互联网推广工程师网创网整理编辑的，如果觉得有帮助欢迎收藏转发~

本文标题：input框属性设置方法 input属性有哪些
本文地址：https://www.wangchuang8.com/80630.html，转载请说明来源于：网创推广网
声明：本站部分文章来自网络，如无特殊说明或标注，均为本站原创发布。如若本站内容侵犯了原著者的合法权益，可联系进行处理。分享目的仅供大家学习与参考,不代表本站立场。