標籤：color utf-8 padding alt htm 技術分享 text pre 括弧
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>window.getComputedStyle(div,null)</title> <style type="text/css"> *{margin:0;padding:0} </style></head><body><div style="width: 100px; height: 100px; background: red; position: absolute;left: 0; top:0"></div><script type="text/javascript"> //封裝 function getStyle(elem,prop){ if(window.getComputedStyle){ //如果它存在的話(相容Google) return window.getComputedStyle(elem,null)[prop];//prop作為參數字串傳進來，所有得中括弧 }else{ return elem.currentStyle[prop]; //相容IE } } var timer; var div = document.getElementsByTagName(‘div‘)[0] timer=setInterval(function(){ div.style.left=parseInt(getStyle(div,‘left‘))+1+"px";//注意：getStyle(div,‘left‘)列印出來是0px,所以用parseInt取整數 },10) div.onclick = function() { clearInterval(timer) }</script></body></html>
：
js電腦樣式window.getComputedStyle(ele,null)2
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
