如何在 IE 中设置对象的边距？
Posted
技术标签:
【中文标题】如何在 IE 中设置对象的边距？【英文标题】：How do I set the margin of an object in IE? 【发布时间】：2010-09-24 00:10:14 【问题描述】：我正在尝试通过 javascript 设置对象的边距。我可以在 Opera 和 Firefox 中执行此操作，但代码在 Internet Explorer 中不起作用。
这是我的 JavaScript：
function SetTopMargin (ObjectID, Value)
document.getElementById(ObjectID).style.marginTop = Value.toString() + "px";
它是这样称呼的：
SetTopMargin("test_div_id", 100);
那么有人知道一些可以在 Internet Explorer 中运行的代码吗？
【问题讨论】：
我刚刚在 IE7 中尝试了您的代码，它运行良好... 很奇怪，我刚刚尝试了底部提供的示例，它使用了我的代码并且它可以工作....非常困惑：s 【参考方案1】：[2016 年更新] 在所有当前浏览器（包括 IE8+）上，您的代码
document.getElementById(ObjectId).style.marginTop = Value.ToString() + 'px';
工作正常。
在非常旧的 IE (
document.getElementById(ObjectId).style.setAttribute(
'marginTop', Value.ToString() + 'px');
编辑 - 来自 OP 删除的评论：
请注意，虽然您可以在当前 IE 中使用 style.setAttribute('margin-top', ..)，但 8 和更早版本需要 style.setAttribute('marginTop', ..)
【讨论】：
【参考方案2】：您的代码适用于我的 IE8。
<html>
<head>
<script type="text/javascript">
function SetTopMargin (ObjectID, Value)
document.getElementById(ObjectID).style.marginTop = Value.toString() + "px";
</script>
</head>
<body>
<button id="btnTest" onclick="SetTopMargin('btnTest', 100);">Test</button>
</body>
</html>
在 IE6 中，它似乎在很短的暂停后也能正常工作。
【讨论】：
【参考方案3】：首先，您应该真正使用 jQuery 或 Dojo 之类的 javascript 库。我还推荐使用 www.debugbar.com 来检查 IE 的 DOM。
关于您的问题，elem.style = "margin: 10px" 应该可以在 IE 中使用。
希望这会有所帮助！
【讨论】：
我不使用图书馆的原因是它是定制的。体积小，适合特定工作。我正在创建自己的轻量级灯箱以上是关于如何在 IE 中设置对象的边距？的主要内容，如果未能解决你的问题，请参考以下文章