js怎么做一个div宽度变化的动画

html-css017

js怎么做一个div宽度变化的动画,第1张

<script>

    var i = 100

    var text = document.getElementById("text")

    function test() {                 

   

        var div = text.parentNode  //取得id=objID对象的父节点        

        var width = div.offsetWidth //取得元素宽度        

        

        if (i < 1001) {//如果小于1000的话就把div宽度+1

            i++

            div.style.width = i + "px"  

        }                

    }

    //test("text")

    text.onclick = function(){//点击执行

        //不断执行div宽度+1

        setInterval('test()',5)

    } 

    </script>

你的问题在于用了for循环了，应该用定时器~

希望我的回答能帮到你哈，有问题可以追问，觉得好就点个赞，有用就采纳！

需要使用到js，获取到点击按钮

声明一个变量为 var flag = false

当点击时 if(！flag){ flag = true ， 把要显示的元素设置display为none}else{ flag= false， display设置为block}