If和else语句用于id和class更改页边距

if and else statement for id and class to change margin

本文关键字：页边距 class 用于 else 语句 If id      更新时间：2023-09-26

我试图修复我的javascript/for (if语句)我试图使if getElementsByid ('box')在href上更改样式为类"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'; 
    }  }

document.getElementsByClassName(cname)返回一个数组，所以你没有做正确的事情。

试

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

其中index为数字

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

请在这里回答

不幸的是我不能评论帖子，所以我只想注意到@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);
相关文章：