Javascript 为什么应用和删除边框？

我给一个div加了一个边框，但是如果我设置了边框，它会自动删除，为什么？

PD：我知道如果我在函数的最后一次调用中设置了边界，它就会工作，但我想知道为什么会发生这种情况

var padding=0，e=document.getElementById（“框”）；
函数框（）{
if（padding<80）{padding++；
e、 setAttribute（“样式”，“填充：”+padding+“px”）；
setTimeout（（）=>{box（）；}，50）；
}
如果（填充%7==0）{//
e、 style.border=“2px纯紫色”；
}
}
addEventListener（“DOMContentLoaded”，框）
#框{
宽度：50px；高度：50px；背景色：粉色；
}
e.setAttribute（“style”、“…”）
覆盖您在别处设置的
style.border
（因为它会完全重置
style
）

您应该只使用
样式。*=“…”

或者，更好的方法是使用CSS动画。

覆盖您在其他地方设置的

style.border

（因为它会完全重置

style

）

您应该只使用

样式。*=“…”

---

或者，更好的方法是使用CSS动画。

我也这么认为，但背景色并没有被删除。@EduardoSebastian是的，这是因为背景色不是相关元素样式属性的一部分。它分别应用于

#box

mmm，我认为所有的工作方式都像fnal样式，谢谢。我也这么认为，但背景色没有被删除。@EduardoSebastian是的，这是因为背景色不是所讨论元素的样式属性的一部分。它分别应用于

#box

mmm，我认为所有这些都像fnal风格，谢谢。