if和else聲明id和class更改邊距

Question

我試圖修復我的javascript / for（如果聲明），我試圖使href上的getElementsByid（'box'）否則將類“ bg”的樣式更改為margin-top：10px

HTML代碼

<a href="#" id="box">click</a>

<div class="bg">Test</div>

<style>
.bg{
margin-top:100px; 
}
</style>

腳本

function Element(id) { 
    if( document.getElementById('box') {
      document.getElementById('box').style.display = 'block';
    } else { 
      document.getElementsByClassName('bg').style.marginTop:'10px'; 
    }  }

Answer 1

document.getElementsByClassName（cname）返回一個數組，因此您沒有做正確的事。

嘗試

document.getElementsByClassName('bg')[index].style.marginTop

其中index是數字

的HTML

<a href="#" id="box">click</a>

<div class="bg">Test</div>

JAVASCRIPT

function element(id, index){
    if( index === null ){
        document.getElementById(id).style.display = 'block';
    }else{
        document.getElementsByClassName(id)[index].style.marginTop = '10px';
    }
}

element('bg', 0);

小提琴在這里回答

Answer 2

不幸的是我無法評論帖子，所以我只想關注@Hawk的帖子。 “ bg”不是ID，而是一類。 所以我想正確的方法是

function element(id, elClass, index){
    if( index === null ){
        document.getElementById(id).style.display = 'block';
    }else{
        document.getElementsByClassName(elClass)[index].style.marginTop = '10px';
    }
}

element('box', 'bg', 0);