javascript - 如何在循环内以编程方式命名 1000 个文本框

标签 javascript html

我有 1000 个文本框。我尝试使用字符串替换函数或任何方法在 5 分钟内以编程方式为所有 1000 个文本框输入名称。

<html>
<form id="exp">
<input type="text" value="A1">
<input type="text" value="A2">
<input type="text" value="A3">
.
.
.
<input type="text" value="A1000">
</form>
</html>
var element = document.getElementById("exp");
var html = element.outerHTML;
html = html.replace("input type="text"","input type="text" name="name"");

我想将我的预期结果显示为“var html”,如下所示

<html>
<form id="exp">
<input type="text" name="textbox1" value="A1">
<input type="text" name="textbox2" value="A2">
<input type="text" name="textbox3" value="A3">
.
.
.
<input type="text" name="textbox1000" value="A1000">
</form>
</html>

最佳答案

用正则表达式匹配 html 是 bad idea 。不知道为什么你会用正则表达式来做到这一点。选择元素并将其设置为循环。

document.querySelectorAll("#exp input").forEach(function (inp, index) {
  inp.name = 'textbox' + (index + 1);
  // inp.name = `textbox${index + 1}`;
})
<form id="exp">
  <input type="text" value="A1">
  <input type="text" value="A2">
  <input type="text" value="A3">
</form>

关于javascript - 如何在循环内以编程方式命名 1000 个文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60059018/

相关文章:

javascript - 为 IE 优化 jQuery

javascript - YouTube json feed 返回所有结果

支持 Unicode 的 JavaScript pdf 生成库

javascript - 神秘(对我来说) "object doesn' t 支持此属性或方法错误 - JavaScript HTML 推出

html & css - 以正确方式对齐的图像和文本不起作用

python - 将 matplotlib png 转换为 base64 以便在 html 模板中查看

javascript - 如何向服务请求 d3 数据?

javascript - 您如何缩小内部和数组的 promise 功能?

html - 背景图片不旋转

html - HTML 电子邮件中包装表之间的水平间距 - 尝试了各种修复