用js改变position定位这个步骤怎么做呢?

用js改变position定位这个步骤怎么做呢?,第1张

从下往上走的话就不要用top属性,改用bottom,这样写法是:(i-10)*60+'px'

如果一定要用top,就这样:(19-i)*60+'px'

<style>

div{width:50px height:50px background-color:red position:absolute font-size:30px text-align:center}

</style>

<script>

window.onload=function(){

   for(var i=0i<20i++){

      var div=document.createElement("div")

      div.innerHTML=i

      if(i<10){

         div.style.left=i*60+'px'

         div.style.top=i*60+'px'

      }else{

         div.style.right=(19-i)*60+'px'

         div.style.top=(19-i)*60+'px'

      }

      document.body.appendChild(div)

   }

}

</script>

var p = document.getElementById("div1")

p.style.position = "absolute"

p.style.left="100px"

p.style.top="100px"


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11465862.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存