CSS样式与JavaScript问题

时间:2015-12-17 23:07:30

标签: javascript html css margin html-heading

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

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

不起作用那么重点是什么?任何人都可以向我解释为什么这不起作用并给我一个合适的解决方案吗?提前谢谢。

更新

似乎代码决定在函数中调用时工作,而不是在它自己省略时。有什么帮助吗?

1 个答案:

答案 0 :(得分:2)

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

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

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

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

如果代码仅在函数中调用时有效,则表示语法错误或计时错误。我的猜测是,当代码不在函数中时,您在DOM元素被解析并存在之前就过早地执行它。