루프없이 클래스 스타일을 동적으로 변경

클래스가 적용된 기존 요소를 반복하지 않고 JavaScript를 통해 클래스의 스타일을 변경할 수 있습니까? 내 페이지가 많은 DHTML을 사용하기 때문에이 방법은 요소를 만들 때 효과적이지 않습니다.루프없이 클래스 스타일을 동적으로 변경

나는 "no"와 "loop"만을 찾았지만 styleSheet 객체는이 라인을 따라 뭔가를 할 수 있어야한다고 생각합니다. 그러나 그렇지 않다면 나는 그것을 받아 들일 것이지만, 나는 여기서 사람들이 최종 답을 가장 잘 알고있는 곳을 물어보고 싶다.

모든 답변 주셔서 감사합니다. 이 한 줄에

출처

2011-05-14 Ruffy

가 다른 클래스를 정의하고 추가/필요에 따라 제거 할 수 있습니다 ? 불행히도 JavaScript에서 CSS 스타일 선언을 수정할 수는 없습니다. –

당신은 동적으로 스타일 시트에 스타일 규칙을 추가 할 수 있습니다

IE : addRule
기타 : insertRule

출처

2011-05-14 06:09:14 gilly3

그게 유용합니다. 요소의 속성을 개별적으로 변경하는 방법이 있습니까? – Ruffy

스타일 시트의 모든 규칙에 액세스, 변경 및/또는 제거 할 수 있지만 슬프게도 브라우저 관련 코드를 작성해야합니다. 'document.styleSheets [0] .rules'과'document.styleSheets [0] .cssRules'을보십시오. – gilly3

사용 jQuery를이 :

$('.className').css("attrib", "value");

이 클래스 = 클래스 이름을 가진 모든 요소의 값을 변경합니다.

참조 : http://api.jquery.com/css/

출처

2011-05-14 05:57:45 check123

jQuery를 학습 목적으로 사용하지 않는 것을 선호합니다. 또한, 그것은 루프 메소드처럼 기존 요소에만 영향을 미칠 것으로 보입니다. – Ruffy

실제로; 실제로, 이것은 두건의 밑에 반복 할 것이다. –

_ 기존 요소에만 영향을 미쳤습니다 ... _ 거기에 도착하지 못했지만 일부 세부 사항을 환영합니다. – check123

루프없이 클래스 스타일을 동적으로 변경

답변

관련 문제