자바 스크립트에서 CSS 서브 클래스 값 변경

그래서 여기에 style.css에있는 간단한 클래스/서브 클래스가 있습니다. 요소에 id를 할당하거나 CSS에서 #을 사용하여 id로 정의 할 수는 없습니다. 그래서 쉬운 getElementById(). javascript 또는 jquery를 사용하여 다양한 크기의 "top"값을 동적으로 변경해야합니다.자바 스크립트에서 CSS 서브 클래스 값 변경

.slider-edit .bx-prev { 
    position: absolute; 
    top: 265px; 
    left: -32px; 
    width: 31px; 
    height: 31px; 
    text-indent: -999999px; 
    background: url(../images/icon_arrow_left.png) no-repeat 0 -31px; 
}

나는 사이트와 웹을 검색하여 이런 행운을 시험해 보았습니다.

$("slider-edit bx-prev").css("top","100px"); 
$(".slider-edit .bx-prev").css("top","100px"); 
document.getElementsByClassName('slider-edit bx-prev').style.top = "100px"; 
document.getElementsByClassName('.slider-edit .bx-prev').style.top = "100px";

어떤 도움을 주시면 감사하겠습니다.

출처

2012-08-16 JeffG

두 번째는 – Musa

'$ 작동합니다 CSS를 ("최고", "100 픽셀"); '잘 작동합니다. –

감사합니다 .. 문서가 준비 될 때까지 스타일이 적용되지 않았 음이 밝혀졌습니다. 그래서 나는 내가 뭘 잘못하고 있었는지 알아 내려고 노력하면서 내 머리를 부딪 치고 있었다. 하하. 고마워, 너희들이 나를 올바르게 지적했다. :) – JeffG

이 하나가 잘 작동 : (". 슬라이더 - 편집 .bx-이전을").
가

$('.slider-edit .bx-prev').css("top", "100px");

출처

2012-08-16 01:34:44 Aesthete

Ahh 그래도 저도 전에 나를 잡았어요. 나는 실제로 당신이 이미 게시했을 때이 답변을 시도했다는 것을 깨닫지 못했습니다! – Aesthete

자바 스크립트에서 CSS 서브 클래스 값 변경

답변

관련 문제