0

私がやろうとしているのは、関数を使用して、作成した関数を使用して作成した新しい各要素をquerySelectorAll()ターゲットにできるループを作成することです (正常に動作します)。これをテストするために使用したかったので、各項目をクリックすると、コンソールでクリックしたことが確認されます。この方法は私にとって初めてであり、Javascript 全般の学習も初めてです。したがって、アドバイスや説明は非常に役に立ちます。ありがとう。<li/>getInput()console.log()<li/>querySelectorAll()

function getInput() {
    var liValue = theForm.elements.input.value;  
    var liNew = document.createElement("li");
    liNew.innerHTML += liValue;
    var list = document.getElementById("ulList");
    list.appendChild(liNew); 
    deleteLi;
 }

 function deleteLi() {
    var handlers = document.querySelectorAll("li");
    for (var i = 0; i < handlers.lenghth; i++) {
        handlers[i].onclick = console.log("you got me");
    }
 }
4

1 に答える 1

1

要素を作成するときにクリックハンドラーを追加するだけです。投稿したとおりにqSAを実行しli、作成済みの要素も含め、すべての要素を選択します。

function getInput() {
    var liValue = theForm.elements.input.value;  
    var liNew = document.createElement("li");
    liNew.onclick = function() { console.log("clicked!"); };
    liNew.innerHTML += liValue;
    var list = document.getElementById("ulList");
    list.appendChild(liNew); 
}
于 2013-01-04T19:25:05.230 に答える