Javascript更改css顶部属性

Javascript change css top property

本文关键字：属性 顶部 css 更改 Javascript      更新时间：2023-09-26

嗨，我正在尝试逐渐改变背景，点击我的网页上的按钮，这是一个javascript和html代码片段，我做错了什么？

var content=document.getElementById('content').style;
var content1 = document.getElementById('content1').style;
var start1;
var start2;
var inti =null; 
function changeContent(){       
    start1 =1;
    start2 = 1001;  
    inti=setInterval('swapContent()',20);       
}
function swapContent(){  
    start1 -=5;
    start2 -=5;
    content.top = start1 + 'px';
    content1.top = start2 + 'px';                        
} 
 <body>
    <div id="navigation" >
    <input type="button" onclick="changeContent()" />
    </div>
    <div id="content">
    </div>
    <div id="content1">
    </div>        
</body>

如果您想让样式top工作，您应该设置css位置属性。参见fiddle

相关文章：