新手上路，请多包涵

所以基本上，我只是想从我拥有的 HTML 元素中更改内联样式。

例如，我的 h1 标签：

 <h1 id="headerTop" style="width: 500px; max-width:none; top: 234px;">Something goes here</h1>

我试图在加载页面后将 top 更改为不同的内容。因此，我试图在关闭我的 body 标签之前使用这段 Javascript：

 <script>
     document.getElementById("headerTop").style.top = "470px";
</script>

虽然，这并没有改变。

我正在尝试这样做，因为我的 h1 元素最初在我的页面源中没有 top 属性，直到它被加载到浏览器中。然后给出 top: 234px; 。似乎无法找出原因。我使用的是从另一个站点购买的模板，因此一定是某个地方导致了这种情况的发生。 top 属性肯定是内联添加的。

原文由 Fizzix 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 239

2 个回答

得票最新

✓ 已被采纳

jquery 的方式是：

 <script>
$(document).ready(function(){
  $('#headerTop').css({
    'top': '470px'
  });
})
</script>

这会将 id 为“headerTop”的元素的 css 属性 top 更改为 470px

如果你需要延迟 javascript 的执行，你可以这样做：

 <script>
$(document).ready(function(){
  setTimeout(function(){
    $('#headerTop').css({
      'top': '470px'
    });
  },1000)
})
</script>

这会导致执行延迟 1 秒。可能不理想，但仍然是一个解决方案。

原文由 netbrain 发布，翻译遵循 CC BY-SA 3.0 许可协议

首先添加绝对位置或相对位置以查看更改

在javascript中

网页格式

<body onload="myFunction()">

 <script>
function myFunction()
{
 document.getElementById("headerTop").style.top = "470px";
}
</script>

在 jquery 中 不需要添加 body 标签

$(document).ready(function(){

$("#headerTop").css("top","470px");
});

原文由 Rituraj ratan 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答

推荐问题

子站问答

本篇内容翻译自 Stack Overflow，如果你觉得翻译结果值得改进，欢迎直接编辑修改，感谢你为社区贡献。

相似问题

找不到问题？创建新问题

如何从 HTML 元素更改特定的内联样式？