javascript - CSS 样式与 JavaScript 问题

Question

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

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

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

更新

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

Answer 1

您必须像这样将 500px 度量值放在引号中:

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

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

---

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

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