javascript - i ++でファイルアップロードフィールドをappendChildするにはどうすればよいですか？

Question

addElemendとchildAppendを使用してjavascriptファイルを作成し、新しいファイルを追加します

ここにコードを書きましたhttp://jsfiddle.net/faYMH/18/

しかし、何らかの理由でそれは機能していません。innerhtml内のファイルアップロードフィールドを単純なものに置き換えると、機能します。

誰かが問題を見つけたり、私が望むことを達成する方法を入力したりできますか？

ありがとう！

ジョナ

Answer 1

それにはいくつか問題があります。

JSFiddleの問題

まず第一に、あなたはまだフレームワーク設定を「onLoad」と「Mootools」に設定しています。「ラップなし」オプションと「ライブラリなし（純粋なJS）」の1つにする必要があります。script次に、 HTMLペインのタグにスクリプトを配置します。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スクリプトを壊すことはありませんが、迷子を削除することもできます。

結果

これらの変更とさらにいくつかの後、ここにあります。