2010-12-30 3 views
2

'getElementsByClassName'메소드가없는 브라우저의 특정 클래스 이름의 모든 요소를 ​​가져 오는 메소드를 작성하려고합니다. 이것은 서버 측에서 생성되는 요소에 대해 완벽하게 작동하지만 'window.document.all'이 이러한 동적 요소를 얻지 못하는 이유 때문에 페이지에 동적으로 요소를 추가 할 수 있습니다. 어떤 아이디어? 아래 방법.document.getElementsByTagName을 사용하면 동적으로 추가 된 요소를 찾을 수 없습니다. (IE6)

function getClassName(class) { 
     var i, neededStuff = [], elements = document.getElementsByTagName('*'); 

     for (i = 0; i < elements.length; i++) { 
      if (elements[i].className == class) { 
       neededStuff[neededStuff.length] = elements[i]; 
      } 
     } 
     return neededStuff; 
    } 
+0

어떤 좋은 자습서? –

+0

oops, getElementsByTagName을 사용하고 있었지만 게시하기 전에 'window.document.all'로 바꾸어 무언가를 테스트했습니다. – ploosh

답변

4

class은 IE의 예약 키워드입니다. 그것을 문자 그대로 사용하지 마십시오. classtheClass과 같은 것으로 변경하십시오.

또한 class을 변경하지 않는 경우 document.all 대신 document.getElementsByTagName('*')을 시도하십시오.

편집 : 6으로 나를 위해 완벽하게

http://work.arounds.org/sandbox/72

작품^

이 ... 나를 추가 동적 해보자

편집 # 2 : 잘 작동 ..

http://work.arounds.org/sandbox/72

+0

이것이 작동하지 않았던 경우에도 같은 일이 발생했습니다. – ploosh

+0

+1'document.all' [https://developer.mozilla.org/en/DOM/document] 때문에 [getElementsByTagName]을 사용해야합니다. – user113716

+0

@invaderkay - getClassName이 너무 간단합니다. 왜 더 복잡한 버전을 사용하지 않습니까? 당신은'className =='을하고 있습니다. 클래스는 여러 값을 포함 할 수 있습니다. –

1

사용 jQuery를 :

http://jquery.com/

$('.ClassName') 

당신의 요소를 반환합니다 :)

는 당신은,이 값의 변경 아주 쉽게 클래스를 추가! 그것은`getElementsByTagName`와 함께 할 필요가 무엇을 여기

http://docs.jquery.com/Tutorials

+0

이 코드는 제시된 코드에서 문제를 해결하기 위해 아무 것도하지 않기 때문에 주석이어야합니다. – user113716

+0

@patrick True ... 기본적으로 "당신이하고있는 일을 멈추고 jQuery를 사용합니다"라는 답변 유형입니다. jQuery는 IE6과 호환됩니다. – turtlepick

+1

jQuery가 항상 가장 적합한 솔루션은 아닙니다. – user113716

관련 문제