基本上,我只是想更改我拥有的 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
属性肯定是内联添加的。
最佳答案
首先添加绝对位置或相对位置以查看变化
在 javascript 中
html
<body onload="myFunction()">
js
<script>
function myFunction()
{
document.getElementById("headerTop").style.top = "470px";
}
</script>
在jquery中不需要在body标签中添加
$(document).ready(function(){
$("#headerTop").css("top","470px");
});
关于javascript - 如何从 HTML 元素更改特定的内联样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19421853/