- DOM方式：
<body>
<form action="#" method="post" onsubmit="return false">
<input id="username" type="text" name="username" placeholder="用户名" /><br />
<input type="submit" value="登录" onclick="login()" />
</form>
</body>
<script type="text/javascript">
function login(){
var usernameEle = document.getElementById("username");//得到标签对象
var usernameValue = document.getElementById("username").value;//得到标签对象的内容
console.log(username);
console.log(username.innerHTML);//input不同于div,此写法不可以得到输入内容
console.log(usernameValue)
}
</script>运行结果：
- 传参方式：
<body>
<input type="text" onchange="f(this)" />
</body>
<script type="text/javascript">
function f(obj){
//参数为html传过来的this对象时，这个对象也是标签对象
console.log(obj);
//得到标签对象的内容
var s = obj.value;
console.log(s);
}
</script>运行结果：
版权声明：本文为qq_37834488原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。