Javascript IMG插入[关闭]答案

【问题标题】：Javascript IMG Insert [closed]Javascript IMG插入[关闭]
【发布时间】：2011-03-31 07:22:46
【问题描述】：

im_bar = document.createElement("img");
im_bar.id = UPDATE_STATUS_RESPONSE[0]+"_SPLIT";
im_bar.style.display = "block";
im_bar.style.margin = "0px auto 0px auto";
im_bar.src = "graphics/news_feed_line.png";
document.getElementById("SCRIPT_NEWS_FEEDS").insertBefore(im_bar,document.getElementById("SCRIPT_NEWS_FEEDS").firstChild);

生产

<img src="graphics/news_feed_line.png" style="display: block; margin: 11px auto 0px;" id="2_SPLIT">

问题：为什么输出的边距与我在javascript中定义的不匹配？

【问题讨论】：

很酷的故事，兄弟。
hmm..这就是您在实时 html 中看到的（来自像萤火虫）？您确定插入后它没有从其他东西继承 11px 吗？
是的。没有把握。但我使用的是 Firefox 4，所以我的萤火虫不起作用:(
@Shane - 将 Firebug 升级到 1.7.0，它应该可以在 Firefox 4 上正常工作
如果我设置了边距，为什么会改变边距？

标签： javascript html image dom

【解决方案1】：

您应该使用 css 类，而不是在 javascript 中分配所有这些样式。

【讨论】：

我没有想到这个大声笑，但是是什么导致了问题？