如何使用JavaScript在输入元素前添加文本？

提问者：小点点

 item1:<input type="text" name="item1">

我想在JavaScript中的input元素之前添加文本“item1”。我怎么做呢？

共3个答案

匿名用户

您可以使用Insert邻接TML。

null

document.querySelector('input').insertAdjacentHTML('beforeBegin', "item1: ");

<input type="text" name="item1">

匿名用户

使用input.insert邻接tml('beforeBegin'，'html')。这段代码在input元素的开始之前插入HTML。

null

const input = document.querySelector('input')
input.insertAdjacentHTML('beforeBegin', 'item1: ')

<input type="text" name="item1">

匿名用户

此代码在具有名称属性的文档中查找所有输入，并将名称文本前置到输入前面:

null

document.querySelectorAll("input[name]").forEach((input) => {
  input.insertAdjacentHTML('beforeBegin', `${input.name}: `);
});

<input type="text" name="item1"><br>
<input type="text" name="item2"><br>
<input type="text" name="item3">