CSS 样式存在 JavaScript 个问题

Question

所以我试图在下面的代码片段中更改 h1 标题的边距，使用 JavaScript 以确保准确性，因为 CSS 不支持 auto 属性 为 h1 margin。为此，我使用 document. object 添加边距。我会使用更高级的 JavaScript 将 window 的宽度分成两半并将 h1 标题放置在那里，但是如果像这样的简单代码：

document.getElementsByTagName("h1")[0].style.marginLeft = "500px";

行不通那有什么意义呢？谁能向我解释为什么这不起作用并给我一个合适的解决方案？提前致谢。

更新

似乎代码决定在函数中调用它时起作用，但在它自己离开时却不起作用。对原因有什么帮助吗？

Answer 1

您必须像这样将 500 像素的尺寸用引号引起来：

document.getElementById("qwert").style.marginLeft = "500px";

如果你解释你更大的问题，这可能也可以用 CSS 完全解决，而不必使用 JS。

---

现在，你已经完全改变了你在问题中提出的问题（你不应该在这里做），我将尝试解决你提出的新问题。

如果代码仅在函数中调用时有效，那么您要么有语法错误，要么有计时错误。我的猜测是，当代码不在函数中时，您在 DOM 元素被解析并出现之前就执行得太早了。