Javascript div的宽度没有增加

这是我的密码：

<script>
var change = function(){
    alert("sam");
    for(var i; i >=200; i++){
         var z = String(i);
        var x=  document.getElementById("div1");
       x.style.width = z;   
    } 

};
</script>
<style type="text/css">
    #div1{
        width:100px;
        height: 100px;
        background-color:#ccc;
    }
</style>
<div id="div1"></div>
<button onclick="change();"> click</button>

var change=function（）{
警惕（“sam”）；
对于（变量i；i>=200；i++）{
var z=字符串（i）；
var x=document.getElementById（“div1”）；
x、 style.width=z；
} 
};
#第一组{
宽度：100px；
高度：100px；
背景色：#ccc；
}
点击

这段代码的实际作用是增加宽度。就像在jquery中，我们增加了宽度，因为它的宽度在滑动，。。我正试着这样做

当我在google chrome上测试时，它没有显示任何错误，但是div的宽度没有改变，应该注意的是，它提醒了sam

---

请告诉我我的错误…谢谢

有很多错误

<script>
var change = function(){
alert("sam");
for(var i=0; i <=200; i++){
     var z = i;


} 
        var x = document.getElementById("div1");
       x.style.width = z+'px'; 

};
</script>
<style type="text/css">
#div1{
    width:100px;
    height: 100px;
    background-color:#ccc;
}
</style>
<div id="div1"></div>
<button onclick="change();"> click</button>

var change=function（）{
警惕（“sam”）；
对于（var i=0；i有相当多的错误

<script>
var change = function(){
alert("sam");
for(var i=0; i <=200; i++){
     var z = i;


} 
        var x = document.getElementById("div1");
       x.style.width = z+'px'; 

};
</script>
<style type="text/css">
#div1{
    width:100px;
    height: 100px;
    background-color:#ccc;
}
</style>
<div id="div1"></div>
<button onclick="change();"> click</button>


var change=function（）{
警惕（“sam”）；
对于（var i=0；i，我猜您希望通过增加宽度来执行平滑过渡

如果可以使用CSS3，请尝试以下代码


var change=function（）{
警惕（“sam”）；
var x=document.getElementById（“div1”）；
x、 style.width=“500px”；
};
#第一组{
宽度：100px；
高度：100px；
背景色：#ccc；
-webkit过渡：全部。5s轻松；
-moz过渡：全部5秒轻松；
-o型过渡：全部。5秒轻松；
过渡：所有。5s轻松；
}
点击
根据您的问题，我猜您希望通过增加宽度来执行平滑过渡

如果可以使用CSS3，请尝试以下代码


var change=function（）{
警惕（“sam”）；
var x=document.getElementById（“div1”）；
x、 style.width=“500px”；
};
#第一组{
宽度：100px；
高度：100px；
背景色：#ccc；
-webkit过渡：全部。5s轻松；
-moz过渡：全部5秒轻松；
-o型过渡：全部。5秒轻松；
过渡：所有。5s轻松；
}
点击
一切都将变得更加复杂：

var change = function() {

    var div = document.getElementById("div1"),
        startWidth = div.offsetWidth;

    for (var i = 0; i <= 100; i++) {
        (function(i) {
            setTimeout(function() {
                div.style.width = startWidth + i + 'px';
            }, i * 10)
        })(i) // wrap setTimeout in a closure
    }
};

var change=function（）{
var div=document.getElementById（“div1”），
startWidth=div.offsetWidth；
对于（var i=0；i来说，一切都会变得更复杂一些：

var change = function() {

    var div = document.getElementById("div1"),
        startWidth = div.offsetWidth;

    for (var i = 0; i <= 100; i++) {
        (function(i) {
            setTimeout(function() {
                div.style.width = startWidth + i + 'px';
            }, i * 10)
        })(i) // wrap setTimeout in a closure
    }
};

var change=function（）{
var div=document.getElementById（“div1”），
startWidth=div.offsetWidth；
对于（var i=0；i试试这个

  <script type="text/javascript">
    function resizeDiv(id,ud) {
       var Div=document.getElementById(id);
       var width=parseInt(Div.style.width)+ud;
       if (width>=1){
          Div.style.width = width + "em"; 
       }
    }
  </script>
  <div id="div_test" style="height: 1em; width: 1em; border:1px solid;">You div</div>
  <input type="button" value="increase" onclick="resizeDiv('div_test', 1);">
  <p></p> 
  <input type="button" value="decrease" onclick="resizeDiv('div_test', -1);">


函数resizeDiv（id，ud）{
var Div=document.getElementById（id）；
var-width=parseInt（Div.style.width）+ud；
如果（宽度>=1）{
Div.style.width=宽度+em；
}
}
你去潜水

试试这个

  <script type="text/javascript">
    function resizeDiv(id,ud) {
       var Div=document.getElementById(id);
       var width=parseInt(Div.style.width)+ud;
       if (width>=1){
          Div.style.width = width + "em"; 
       }
    }
  </script>
  <div id="div_test" style="height: 1em; width: 1em; border:1px solid;">You div</div>
  <input type="button" value="increase" onclick="resizeDiv('div_test', 1);">
  <p></p> 
  <input type="button" value="decrease" onclick="resizeDiv('div_test', -1);">


函数resizeDiv（id，ud）{
var Div=document.getElementById（id）；
var-width=parseInt（Div.style.width）+ud；
如果（宽度>=1）{
Div.style.width=宽度+em；
}
}
你去潜水

您需要添加“px”，如下所示

var z=字符串（i）+“px”

您需要添加“px”，如下所示

var z=字符串（i）+“px”

您的代码没有任何意义，因为该div的宽度已经是100px，再次通过for循环将其宽度设置为100px..！您的目标是什么？您是否尝试执行动画？是的…我想设置动画如何使用？您的代码没有任何意义，因为该div的宽度已经是100px，再次设置它通过for循环将宽度设为100px..！你的目标是什么？你是否尝试执行动画？是的…我想制作动画如何使用？那么你最好使用这个选项。如果使用jquery是一个选项，那么你最好使用这个选项。如果使用jquery是一个选项，那么。那么
all
和的含义是什么e> 这个css代码中的ease
？另一个更有趣的事情是，您是如何在css和javascript之间进行通信的？这个css代码中的
all
和
ease
的含义是什么？另一个更有趣的事情是，您是如何在css和javascript之间进行通信的
var change = function(){
    alert("sam");
    for(var i; i >=200; i++){
        var z = String(i);
        var x=  document.getElementById("div1");
        x.style.width = z + "px";   
    } 

};