Javascript 在多个输入上使用可编辑div

我想操纵输入，为此我需要创建可编辑的div来替换它们

let exemplo=document.getElementById（“exemplo”）；
examplo.style.display=“无”；
让editableDiv=document.createElement（“divEditable”）；
editableDiv.contentEditable=true；
editableDiv.style.border=“1px纯黑”；
editableDiv.style.width=“300px”；
exemplo.parentNode.insertBefore（editableDiv，exemplo.nextSibling）

文件
您可以使用选择所有
输入
，然后迭代并应用您使用的相同逻辑


let inputs=[…document.querySelectorAll（'input'）；
inputs.forEach（el=>{
el.style.display=“无”；
让editableDiv=document.createElement（“divEditable”）；
editableDiv.contentEditable=true；
editableDiv.style.border=“1px纯黑”；
editableDiv.style.width=“300px”；
el.parentNode.insertBefore（editableDiv，el.nextSibling）；
});

文件
您可以使用选择所有
输入
，然后迭代并应用您使用的相同逻辑


let inputs=[…document.querySelectorAll（'input'）；
inputs.forEach（el=>{
el.style.display=“无”；
让editableDiv=document.createElement（“divEditable”）；
editableDiv.contentEditable=true；
editableDiv.style.border=“1px纯黑”；
editableDiv.style.width=“300px”；
el.parentNode.insertBefore（editableDiv，el.nextSibling）；
});

文件
您需要输入的分组选择器，如

document.getElementsByClassName("exemplo");//is Array
//or
document.querySelectorAll(".exemplo");//is Array ('.' mean class)
//Need to change id="exemplo" --> class="exemplo"

或（答案上的示例）通过标记


let exemplo_list=document.getElementsByClassName（“exemplo”）；
对于（i=0；i


文件
输入1



输入2


您需要输入的分组选择器，如

document.getElementsByClassName("exemplo");//is Array
//or
document.querySelectorAll(".exemplo");//is Array ('.' mean class)
//Need to change id="exemplo" --> class="exemplo"

或（答案上的示例）通过标记


let exemplo_list=document.getElementsByClassName（“exemplo”）；
对于（i=0；i


文件
输入1



输入2