使用javascript动态创建时列表项的不同长度

Different length of list item when its created dynamically with javascript

本文关键字：列表 javascript 动态 创建 使用      更新时间：2023-09-26

>我做了一个输入（类型 = 文件）字段列表，其中可以通过添加或删除字段来动态更改输入字段的数量。

所以列表看起来像这样：

<ol>
    <li><input type="file"><input type="text" placeholder="..."></li>
</ol>

见图#1：https://i.stack.imgur.com/JG2dc.jpg

当我单击"+"按钮时，将创建一个具有相同属性的新列表项，但不知何故它比 html 文件中编码的第一个项长。

见图#2：https://i.stack.imgur.com/5neP3.jpg

我尝试了Firefox和Chrome，结果都一样。有人知道为什么会这样吗？

我的猜测是，您在硬编码代码中有一个空格，而生成的代码

中没有。

<ul>
  <li><input type="file"> <input type="text" placeholder="Has Space"></li>
  <li><input type="file"><input type="text" placeholder="No Space"></li>
</ul

相关文章：