版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chengxu_kuangrexintu/article/details/85541994
前言
在前面的前端笔记44——获取或者修改div内容中提到修改div中的内容。但是input标签中,获取和设置的方法和前面的博客是有区别的。
代码示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" id="ipt" value="填写内容"/>
<button id="btn">点击</button>
<script type="text/javascript">
// 点击按钮,获取input里面的内容
// 1.找到按钮 找到input 2.点击事件 3.事件绑定
var oBtn = document.getElementById('btn')
var oIpt = document.getElementById('ipt')
oBtn.onclick = function(){
// 弹出input的内容
// alert(oIpt.value)
oIpt.value = "改变了内容"
}
</script>
</body>
</html>
上面代码中获取input标签中的方法是input的id.value
,设置内容的方法也很简单就是对input的id.value
进行赋值,JavaScript获取和设置input的值就是那么简单。