0

新しいアップロードと説明の入力を onClick に追加する関数を作成しました。作成された要素を下から上に削除する関数を作成するにはどうすればよいですか?

var i = 1;

function add()
{
    var element = document.createElement('input')
    var element1 = document.createElement('input')
    var space = document.createElement('br')
    var des = document.createElement('span')

    var td = document.getElementById('upload')

    des.innerHTML = "Description: "
    element.setAttribute("type", "text")
    element.setAttribute("name", "desciption"+ i)
    element.setAttribute("value", " ")
    element1.setAttribute("type", "file")
    element1.setAttribute("name", "uploadFile"+ i)
    element1.setAttribute("id", "uploadFile"+ i)

    td.appendChild(des)
    td.appendChild(element)
    td.appendChild(element1)
    td.appendChild(space)

}
4

1 に答える 1

2

あなたのコードで：

> element.setAttribute("type", "text")

標準プロパティの値を直接設定する方が信頼性が高くなります。

 element.type = "text";

とにかく、次を使用して要素を削除できます。

   td.removeChild(space);      
   td.removeChild(element1);
   td.removeChild(element);
   td.removeChild(des);

またはあなたが行うことができます：

  var nodes = td.childNodes;
  var i = nodes.length;
  while (i--) {
    td.removeChild(nodes[i]);
  }

またはもっと簡単に：

  td.innerHTML = '';
于 2012-04-11T05:42:28.747 に答える