Javascript : addClassName 입력을 확인하고 removeClassName을 확인하지 않은 경우

Question

li 태그를 모두 선택하고 hasClassName('yes') 태그가 있는지 확인하면 제거됩니다. 하지만 TypeError : Object [object HTMLLIElement], has no method 'hasClassName'오류이 발생합니다.

이

는 DOM 방법입니다 :

document.observe("dom:loaded", function() { 
    $(document.body).select('input').each(function(element) { 
     element.observe('click', function() { 
      init(); 
     }); 
     init(); 
    }); 

}); 

앞의 코드는 init 함수를 타고이 확인되는 경우 입력을 확인하고 그들에게 '예'클래스 이름을 추가 할 것입니다,하지만 난 그 선택을 취소하십시오 경우 입력, 클래스가 남아 있습니다. 이 함수는 동적 (클래스 '예'추가 및 제거)을 수행하려고합니다.

function init() { 
    $(document.body).select('input').each(function(element) { 
     if (element.checked) { 
      element.up('li').addClassName('yes'); 
     } 

     if ($(document.body).select('li').hasClassName('yes')) { 
      element.removeClassName('yes'); 
     } 
    }) 
} 

당신은 저를이 함수의 마지막 부분을 해결하는 데 도움이 수 있으므로 removeclassname 방법은 작동합니까? 고맙습니다.

Answer 1

$(document.body).select('li')은 요소가 아닌 모음을 반환합니다. 나는 당신이 원하는 가정 것이다 :

if (element.hasClassName('yes')) { 
     element.removeClassName('yes'); 
    } 

그러나, 당신의 논리가 결함이 보인다 - 먼저 입력을 선택하면, 당신은 즉시 제거하는 클래스를 추가하고 있습니다. else이 누락 되었습니까? 어쩌면 좀 더 비슷할 것입니다 :

function init() { 
    $(document.body).select('input').each(function(element) { 
     if (element.checked) { 
      element.up('li').addClassName('yes'); 
     } 
     else { 
      element.up('li').removeClassName('yes'); 
     } 
    }) 
} 

Answer 2

잠깐 - "선택"은 요소의 배열을 반환합니다. "hasClassName"함수는 Array 또는 Enumerable이 아닌 Element의 함수입니다. "each()"레이어가 누락되었습니다.

$$('li').each(function(li) { 
    if (li.hasClassName('yes')) li.removeClassName('yes'); 
});