项目一直用vue,很少写Dom,今天在电脑上发现一段代码,找了还挺久的错,
简单的实现输入框与数据联动:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<input type="text" id="name" value="" />
<p id="text"></p>
</body>
<script type="text/javascript">
var name = document.getElementById('name');
var txt = document.getElementById('text');
name.oninput = function (e) {
text.innerHTML = e.target.value
}
</script>
</html>
这段代码乍一看还真没发现问题,但功能没实现,输入值时没有任何效果。
问题出在name上面,这个name获取的一直是初始状态啊啊啊啊!!!!
正确代码:
<script type="text/javascript">
var txt = document.getElementById('text');
document.getElementById("name").oninput = function (e) {
console.log(name.value)
text.innerHTML = e.target.value
}
</script>
淦!