Javascript更改marginTop屬性不適用於Firefox for XHTML 1.0 Transitional

Question

昨天我將CultureRater.com移至XHTML 1.0 Transitional，儘管下面的JavaScript適用於Safari和Chrome，但它不適用於Firefox。任何人有任何想法？如果你需要對問題有更好的印象，那麼請訪問FF網站，然後轉到here並嘗試按右側的白色箭頭（流派應該改變）。

var i=-2; 
function film_button_right() { 
    i--; 
    document.all.nav_genres.style.marginTop=i*48 + 'px'; 
    document.all.left_categories_arrow.style.display="block"; 
    if(i==-3){ 
    document.all.right_categories_arrow.style.display="none"; 
    } 
} 
function film_button_left() { 
    i++; 
    document.all.nav_genres.style.marginTop=i*48 + 'px'; 
    document.all.right_categories_arrow.style.display="block"; 
    if(i==0){ 
    document.all.left_categories_arrow.style.display="none"; 
    } 
} 

感謝您提前提供任何幫助。西奧。

Answer 1

document.all不支持Firefox。改爲使用document.getElementById()。

var i=-2; 
function film_button_right() { 
    i--; 
    document.getElementById("nav_genres").style.marginTop=i*48 + 'px'; 
    document.getElementById("left_categories_arrow").style.display="block"; 
    if(i==-3){ 
    document.getElementById("right_categories_arrow").style.display="none"; 
    } 
} 
function film_button_left() { 
    i++; 
    document.getElementById("nav_genres").style.marginTop=i*48 + 'px'; 
    document.getElementById("right_categories_arrow").style.display="block"; 
    if(i==0){ 
    document.getElementById("left_categories_arrow").style.display="none"; 
    } 
} 

Answer 2

使用document.all數組訪問頁面元素是Firefox不支持的非標準Microsoft功能。您應該使用document.getElementById函數。