在Javascript中更改CSS子類的值

所以，在這裏我有一個簡單的類/子類，它位於style.css中。我無法爲元素分配一個id，或者使用＃將其定義爲一個id。所以不容易getElementById（）。我需要使用javascript或jquery動態地將「top」值更改爲各種大小。在Javascript中更改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 2012-08-16 01:36:25

'$ CSS（「頂」，「100像素」）; '工作得很好。 – 2012-08-16 01:36:47

謝謝..直到文檔準備好之後，樣式才被應用。所以我一直在試圖弄清楚我做錯了什麼......哈哈。謝謝，你們讓我指出了正確的方向。 :) – JeffG 2012-08-16 01:40:49

這一個是工作的罰款：（「滑塊編輯.bx-上一頁」）。

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

來源

2012-08-16 01:34:44 Aesthete

謝謝..事實證明，這種風格直到文檔準備好之後才被應用。所以我一直在試圖弄清楚我做錯了什麼......哈哈。謝謝，你們讓我指出了正確的方向。 :) – JeffG 2012-08-16 01:41:19

啊，是的，這也吸引了我之前。我其實並沒有意識到，當我發佈它時，你已經嘗試了這個答案！ – Aesthete 2012-08-16 01:45:59

在Javascript中更改CSS子類的值

回答

相關問題