javascript - 如何使用 i++ appendChild 文件上传字段？

Question

我正在使用 addElemend 和 childAppend 创建一个 javascript 文件来添加一个新的

我在这里写了代码http://jsfiddle.net/faYMH/18/

但由于某种原因，它不起作用。如果我用一个简单的替换innerhtml中的文件上传字段，它确实有效！

任何人都可以发现问题/输入一些输入如何完成我想要的吗？

谢谢！

约拿

Answer 1

这有一些问题。

JSFiddle 问题

首先，您仍然将框架设置设置为“onLoad”和“Mootools”。您会希望它成为“无包装”选项和“无库（纯 JS）”之一。其次，您将脚本放在scriptHTML 窗格中的标记中。有一个专门用于 JavaScript 的 JavaScript 窗格。

JavaScript 问题

您的 JavaScript 中有一些内联 HTML：

newDiv.innerHTML = "<input type="file" name="file1 + i++" />";

您在"JavaScript 字符串和 HTML 中使用双引号 ( )。尝试对 JavaScript 字符串分隔符使用单引号，如下所示：

newDiv.innerHTML = '<input type="file" name="file1' + (i++) + ' />';

字符串中的 HTML 也是无效的。它将尝试生成这样的 HTML：

<input type="file" name="file10 />

没有结束语。修复：

newDiv.innerHTML = '<input type="file" name="file1' + (i++) + '" />';

您可能还想删除流浪1者，尽管它不会破坏脚本。

结果

在这里，经过这些更改和更多更改。