JSループがクリックされた要素を

Question

jsのループをのchildNodes のchildNodesと私はエラーがあります： キャッチされない例外TypeError：プロパティを読み取ることができません。そのうちの一つは、クラスtask-値を持っている場合、私は比較する必要が未定義

の「含みます」 と私はなぜ私はエラーが理解できない！ はthis.childNodesがあまりにもだけでなく、HTML要素が、textのノードが含まれているので、これが可能になり、コード

Link to code on js fiddle

function docClick(e) { 
    var target = e.target; 
    console.log(this.childNodes.length) 

    for(var i = 0; i < this.childNodes.length; i++){ 
     console.log(this.childNodes[i]) 

     if(this.childNodes[i].classList.contains("task-value")){ 
      console.log("if") 
     }else{ 
      console.log("else") 
     } 
    } 

Link UpDate whit full css/Html and Javascript

Answer 1

whith JSフィドルに悪い英語 リンクのために申し訳ありませんヘルプ。彼らはあなたが正確にhtml elements

function docClick(e) { 
    var target = e.target; 
    console.log(this.children.length) 

    for(var i = 0; i < this.children.length; i++){ 
     console.log(this.children[i]) 

     if(this.children[i].classList.contains("task-value")){ 
      console.log("if") 
     }else{ 
      console.log("else") 
     } 
    }