如何向输入元素添加文本？

【问题标题】：How do I add text to a input element?如何向输入元素添加文本？
【发布时间】：2022-11-28 11:20:55
【问题描述】：

我正在尝试使用按钮将一些文本添加到输入元素。到目前为止，我已经尝试过修改 .textContent - 它实际上似乎修改了 textContent，但这并没有显示在图像框中。调整 .value 似乎不起作用。

我的代码：

const buttons = document.querySelectorAll(".row button");
for (let i = 0; i < buttons.length; i++)  {
    buttons[i].addEventListener("click", function() {
        document.querySelector("input").value += buttons[i].value;
    })  
}

我在网上阅读的每个解决方案都只是建议修改输入元素的 .value，这对我不起作用，所以我不知所措。

【问题讨论】：

标签： javascript html dom

【解决方案1】：

修改 value 属性应该适合您。你的问题在于这个声明：

value += buttons[i].value

按钮没有值，除非您指定一个值。使用 innerHTML 或 innerText 属性访问按钮的内部文本，而不是 value 属性：

document.querySelector("button").addEventListener("click", (e) => {
   document.querySelector("input").value += e.target.innerText;
});

<input type="text" />
<button type="button">bleh</button>

【讨论】：