通过Javascript设置marginBottom无法按预期工作

可能是由于以下原因之一：

1. 元素的定位方式不是相对定位或绝对定位。marginBottom属性只对相对定位和绝对定位的元素起作用。如果元素的定位方式是静态定位或固定定位，设置marginBottom将不会产生效果。
2. 元素的高度不够。如果元素的高度不足以容纳设置的marginBottom值，那么设置marginBottom将不会产生效果。可以尝试给元素设置一个足够的高度，或者使用paddingBottom属性来实现类似的效果。
3. 元素的display属性值为inline。对于行内元素，设置marginBottom将不会产生效果。可以尝试将元素的display属性值设置为block或inline-block。
4. 元素的父元素存在overflow属性。如果元素的父元素设置了overflow属性，并且值不是visible，那么设置marginBottom可能会被父元素的overflow属性所限制。可以尝试将父元素的overflow属性值设置为visible，或者调整父元素的布局方式。
5. 元素的box-sizing属性值为border-box。如果元素的box-sizing属性值为border-box，那么设置marginBottom将会影响元素的总高度，可能导致其他布局问题。可以尝试将元素的box-sizing属性值设置为content-box。

总结：通过Javascript设置marginBottom无法按预期工作可能是由于元素的定位方式、高度、display属性、父元素的overflow属性或元素的box-sizing属性等原因导致的。需要根据具体情况进行调整和排查。