同じ関数の.appendChildに「onclick」イベントを追加するにはどうすればよいですか?

Tomo

これがスタックオーバーフローに関する私の最初の質問です。私はいくつかの調査を行っていましたが、解決策を見つけることができず、理解できる質問をすることができませんでした。私がやろうとしていたのは、タスクのリストを作成することです。ボタンであるappendChild(x)を使用した後、このボタンの関数を使用して「onclick」イベントを直接作成したいと思います。これが可能かどうかはわかりません。

これが私のコードです。皆さんは私が行ったことを直接見ることができます。

let newTask = [];



function addTask(){
    let someTask = document.getElementById('task').value;
    newTask.push(someTask);
    tasks.innerHTML="";
    for( i= 0; i < newTask.length; i++){
        let li = document.createElement('li');
        let done = document.createElement('button');
        let no = document.createElement('button');
        done.innerHTML="Done";
        no.innerHTML="Move to reminder list";
        li.innerHTML=newTask[i];
        tasks.appendChild(li);
        tasks.appendChild(done); 
        tasks.appendChild(no);       
    }
}

アレックスランス

これを追加する必要があります:

 tasks.appendChild(li);
 tasks.appendChild(done); 
 tasks.lastChild.onclick = function () { // your code }
 tasks.appendChild(no);   
 tasks.lastChild.onclick = function () { // your code }
 

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

すべての<a>に自己参照onclickイベントを追加するにはどうすればよいですか?

分類Dev

jqueryの同じ.scroll関数に.resize関数を追加するにはどうすればよいですか?

分類Dev

jqueryを使用して同じ関数のselectイベントとkeyupイベントで使用するにはどうすればよいですか?

分類Dev

reactjsのdangerouslysetInnerHtmlによってレンダリングされた文字列にonclickイベントを追加するにはどうすればよいですか?

分類Dev

角度2/4で同じクリックイベントで2つの関数を使用するにはどうすればよいですか?

分類Dev

同じイベントリスナーを2つの異なる関数に切り替えるにはどうすればよいですか?

分類Dev

同じjQuery関数で2つの追加を使用するにはどうすればよいですか?

分類Dev

onclickイベントにJavaScriptでhtmlの要素を使用するにはどうすればよいですか?

分類Dev

内部に複数の要素があるdivにonclickイベントを追加するにはどうすればよいですか?

分類Dev

ElmのキャンバスシェイプにonClickイベントハンドラーを追加するにはどうすればよいですか?

分類Dev

2つの関数で同じプライベート変数を使用するにはどうすればよいですか?

分類Dev

ReactでボタンのonClickイベントを複数の機能(小道具に応じて)に設定するにはどうすればよいですか?

分類Dev

JavaScriptの.onclickイベントをデバッグするにはどうすればよいですか?

分類Dev

テキストの一部にOnClickイベントを追加するにはどうすればよいですか?

分類Dev

Shiny、Rのc3チャートにOnclickイベントを追加するにはどうすればよいですか?

分類Dev

散布図のポイント内にラベルを追加するにはどうすればよいですか?

分類Dev

Date Picker Materializeにイベントの日付を追加するにはどうすればよいですか?

分類Dev

divの位置にイベントリスナーを追加するにはどうすればよいですか?

分類Dev

Angularのbodyタグにイベントを追加するにはどうすればよいですか?

分類Dev

同じ関数で同様の構造体を初期化するにはどうすればよいですか?

分類Dev

CMakeのset_target_properties()関数で同じプロパティに複数のアイテムを追加するにはどうすればよいですか?

分類Dev

amcharts4でLineSeriesのclick \ hitイベントを追加するにはどうすればよいですか?

分類Dev

threejsでメッシュのイベントを追加するにはどうすればよいですか?

分類Dev

PHPページで同じonclick関数を複数回使用するにはどうすればよいですか?

分類Dev

forループの同じ変数にリストを追加するにはどうすればよいですか?

分類Dev

同じテンプレート関数で複数のタイプを特殊化するにはどうすればよいですか?

分類Dev

プロパティのPropertyChangedイベントを追加するにはどうすればよいですか?

分類Dev

更新された小道具を同じ関数のreact関数コンポーネントで取得するにはどうすればよいですか?

分類Dev

JavaScriptの異なるIDに同じ関数を使用するにはどうすればよいですか?

Related 関連記事

  1. 1

    すべての<a>に自己参照onclickイベントを追加するにはどうすればよいですか?

  2. 2

    jqueryの同じ.scroll関数に.resize関数を追加するにはどうすればよいですか?

  3. 3

    jqueryを使用して同じ関数のselectイベントとkeyupイベントで使用するにはどうすればよいですか?

  4. 4

    reactjsのdangerouslysetInnerHtmlによってレンダリングされた文字列にonclickイベントを追加するにはどうすればよいですか?

  5. 5

    角度2/4で同じクリックイベントで2つの関数を使用するにはどうすればよいですか?

  6. 6

    同じイベントリスナーを2つの異なる関数に切り替えるにはどうすればよいですか?

  7. 7

    同じjQuery関数で2つの追加を使用するにはどうすればよいですか?

  8. 8

    onclickイベントにJavaScriptでhtmlの要素を使用するにはどうすればよいですか?

  9. 9

    内部に複数の要素があるdivにonclickイベントを追加するにはどうすればよいですか?

  10. 10

    ElmのキャンバスシェイプにonClickイベントハンドラーを追加するにはどうすればよいですか?

  11. 11

    2つの関数で同じプライベート変数を使用するにはどうすればよいですか?

  12. 12

    ReactでボタンのonClickイベントを複数の機能(小道具に応じて)に設定するにはどうすればよいですか?

  13. 13

    JavaScriptの.onclickイベントをデバッグするにはどうすればよいですか?

  14. 14

    テキストの一部にOnClickイベントを追加するにはどうすればよいですか?

  15. 15

    Shiny、Rのc3チャートにOnclickイベントを追加するにはどうすればよいですか?

  16. 16

    散布図のポイント内にラベルを追加するにはどうすればよいですか?

  17. 17

    Date Picker Materializeにイベントの日付を追加するにはどうすればよいですか?

  18. 18

    divの位置にイベントリスナーを追加するにはどうすればよいですか?

  19. 19

    Angularのbodyタグにイベントを追加するにはどうすればよいですか?

  20. 20

    同じ関数で同様の構造体を初期化するにはどうすればよいですか?

  21. 21

    CMakeのset_target_properties()関数で同じプロパティに複数のアイテムを追加するにはどうすればよいですか?

  22. 22

    amcharts4でLineSeriesのclick \ hitイベントを追加するにはどうすればよいですか?

  23. 23

    threejsでメッシュのイベントを追加するにはどうすればよいですか?

  24. 24

    PHPページで同じonclick関数を複数回使用するにはどうすればよいですか?

  25. 25

    forループの同じ変数にリストを追加するにはどうすればよいですか?

  26. 26

    同じテンプレート関数で複数のタイプを特殊化するにはどうすればよいですか?

  27. 27

    プロパティのPropertyChangedイベントを追加するにはどうすればよいですか?

  28. 28

    更新された小道具を同じ関数のreact関数コンポーネントで取得するにはどうすればよいですか?

  29. 29

    JavaScriptの異なるIDに同じ関数を使用するにはどうすればよいですか?

ホットタグ

アーカイブ