问答详情
源自:4-2 获取样式

为什么不行啊

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>加入样式的多物体运动</title>

<style type="text/css">

    #div1{

         width:200px;

        height:200px;

        background: #f00;

        border: 4px solid #ccc;

    }

</style>

<script>

    window.onload=function(){

        startmove();

    }

    function startmove(){

        setInterval(function(){

            var odiv=document.getElementById('div1');

        odiv.style.width=parseInt(getStyle(odiv,'width'))-1+'px';//parseint()的作用是解析一个字符串,并返回一个整数。

    },30)

        

    }

    function getStyle(obj,attr){

        if(obj.currentStyle){

            return obj.currentStyle[attr];//针对IE浏览器


        }

        else{

            return getComputedStyle(obj,false)[attr];//针对firefox浏览器。

        }

    }

</script>

<meta name="description" content="">

<meta name="keywords" content="">

<link href="" rel="stylesheet">

</head>

<body>

    <div id="div1" >

        

    </div>

</body>

</html>


提问者:慕粉3760367 2016-10-16 12:31

个回答

  • 一个人一首歌0
    2016-10-16 15:40:28
    已采纳

    getstyle封装方法两个参数之间你用的是中文输入法的“,”,改成英文输入法“,”。