请补全JavaScript代码,要求每当id为"input"的输入框值发生改变时触发id为"span"的标签内容同步改变。
注意:
1. 必须使用DOM0级标准事件(onchange)
// 补全代码 const input = document.querySelector('#input') const span = document.querySelector('#span') input.onchange = function() { span.innerText = this.value }改成这样之后才给过:
// 补全代码 let ii = document.querySelector('#input') let ss = document.querySelector('#span') ii.onchange = function() { ss.innerText = this.value }
<!DOCTYPE html> <html> <head> <meta charset=utf-8> </head> <body> <input id="input" type="text" onchange="changespan()"/> <span id="span"></span> <script type="text/javascript"> // 补全代码 实时用oninput function changespan(){ span.innerText = input.value; } </script> </body> </html>
// 测试用例 function() { document.querySelector('#input').value = 'nowcoder'; document.querySelector('#input').onchange(); return document.querySelector('#span').innerText === 'nowcoder' }
document.getElementById('input').onchange = (event) => { document.getElementById('span').textContent = document.getElementById('input').value; };
let input = document.querySelector('#input') input.onchange = function() { document.querySelector('#span').innerText = this.value } 这样为什么不能通过
<!DOCTYPE html> <html> <head> <meta charset=utf-8> </head> <body> <input id="input" type="text"/> <span id="span"></span> <script type="text/javascript"> // 补全代码 var input = document.querySelector('#input'); var span = document.querySelector('#span'); input.onchange = function(){ span.innerHTML = input.value; } </script> </body> </html>