JavaScript将边框从中间更改为左侧和右侧，；使用转换原型&xFF1F；

我不想使用或不知道如何使用javascript的“CSS:after prototype”。 现在，我改变它是通过添加高度而不是宽度，并且当我删除类原型时，回退时间很短，没有转换。 我能为它做些什么？ 这是我的密码笔

我的区块/分区>
提交

.block{
高度：200px；
宽度：250px；
利润率：150px自动；
文本对齐：居中；
}
#顶{
边缘底部：20px；
高度：30px；
显示：内联块；
边框底部：3倍实心；
过渡：1s全立方贝塞尔（.46,1,23,1.52）；
}
addtop先生{
底部边框：3倍纯蓝；
颜色：蓝色；
}

let btn=document.getElementById（'btn'）；
btn.addEventListener（'单击'，（）=>{
让topBlock=document.getElementById（'top'）；
如果（topBlock.classList.length>0）{
topBlock.classList=[]；
}否则{
topBlock.classList.add（'addtop'）；
}
});

试试这个：

document.getElementById('top');
  if(topBlock.classList.length > 0) {
    topBlock.classList.remove('addtop');
  } else {
    topBlock.classList.add('addtop');
  }
});

还可添加到.top类：

  border-bottom: 0px solid blue;