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);