如何将输入框文本设为另一输入框的placeholder?代码无效求助
问题解决:通过输入框设置另一个输入框的placeholder
你的代码问题出在获取输入框内容的方式错误,input元素的用户输入内容存在value属性中,而非innerText;同时你打印的x.innerText也不符合input元素的特性,input没有可直接读取的innerText内容。
修正后的JavaScript代码如下:
function Confirm() { var x = document.getElementById("Title"); var y = document.getElementById("PlaceHolder"); // 用value获取输入框内容,设置到placeholder x.setAttribute("placeholder", y.value); // 打印正确的placeholder值 console.log(x.placeholder); }
关键修正点:
- 把
y.innerText改为y.value:input元素的用户输入内容存储在value属性里,innerText用于获取普通元素(比如div、p)的文本内容,不适用于input。 - 把
console.log(x.innerText)改为console.log(x.placeholder):要查看设置后的placeholder值,直接读取input的placeholder属性即可,input的innerText始终为空。
你的HTML部分不需要修改,保持原样即可。点击Confirm按钮后,Title输入框的placeholder就会被设置为Placeholder输入框里的内容了。
内容的提问来源于stack exchange,提问作者user20654632
相关产品推荐
相关产品推荐

