2012-01-13 3 views
1

순수 JS를 사용하여 상위 레벨에서 상속 된 요소의 표시 속성을 결정해야합니다.상속 받기 style.display 속성

요소는 필드 집합에 중첩 된 입력이며, 부모 필드 집합의 표시 속성은 none으로 설정되어있을 수 있으며 그럴 경우 해당 조건을 감지해야 할 수 있습니다.

나는 element.style.display 속성을 얻으려고했지만 상속 됨으로 이것이 내가 필요한 것을주지 못한다. ??

어떤 아이디어 ??

답변

0

CSS 규칙에 따라 inherit 값으로 명시 적으로 설정할 수 있다는 점을 제외하면 display 속성은 상속되지 않습니다.

요소에 display: none이있는 경우 display 값이 무엇이든 그 하위 요소는 표시되지 않습니다. 요소가 이러한 상황에 있는지를 확인하려면 문서 트리를 위쪽으로 탐색하고 모든 조상의 계산 된 스타일을 확인해야합니다. (IE 8까지는 IE가 window.getComputedStyle을 지원하지 않습니다.

이렇게 할 수는 있지만 더 간단한 방법이 없다고 확신합니까? 왜 필드가 표시되지 않는 요소 안에 있는지 (예 : 설정으로 인해) 알 필요가 있습니까?

+0

IE는 [currentStyle'] (http://www.quirksmode.org/dom/getstyles.html)을 구현합니다. – user123444555621