- 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>
运行结果: