<button id="btn">点我创建一个输入框</button>
<script>
const btn = document.getElementById('btn')
btn.onclick = () => {
const input = document.createElement('input');
document.body.appendChild(input)
input.focus();
}
</script>
不奏效
input.focus();放在document.body.appendChild(input)前是不奏效的
input这个元素,只有放到页面中了,才有资格弹是否获取焦点
没问题
input.className='demo';
input.value=99;
input.onclick=()=>{alert(1)}
可以放在document.body.appendChild(input)前
报错
input.parentElement.style.backgroundColor = 'skyblue’放在document.body.appendChild(input)前会报错
<button id="btn">点我创建一个输入框</button>
<script>
const btn = document.getElementById('btn')
btn.onclick = () => {
const input = document.createElement('input');
input.className = 'demo'
input.className = 'demo';
input.value = 99;
input.onclick = () => { alert(1) }
document.body.appendChild(input)
input.focus();
input.parentElement.style.backgroundColor = 'skyblue'
}
</script>