JavaScript直接修改样式时不会自动添加transition属性。但是css有transition属性了，没效

如果CSS中已经定义了过渡效果，但是在JavaScript中修改样式时没有生效，可能有以下几种原因： 1. 修改的样式属性不支持过渡效果 并非所有的样式属性都支持过渡效果。例如，display、visibility等属性就不支持过渡效果。如果在JavaScript中修改了这些属性，即使CSS中定义了过渡效果，也不会生效。 2. 修改样式属性的方式不正确 在JavaScript中修改样式属性的方式有多种，例如使用style属性、setAttribute方法等。如果使用的方式不正确，也可能导致过渡效果无法生效。 3. 修改样式属性的时间不正确 如果在元素刚创建时或者还未添加到DOM树中时修改样式属性，可能会导致过渡效果无法生效。这是因为浏览器需要一定的时间来计算过渡效果的起始值和结束值，如果元素还未显示在页面上，浏览器无法进行计算。 4. 其他原因 还有一些其他的原因也可能导致过渡效果无法生效，例如样式属性值的类型不正确、样式属性值的范围不正确等。 针对以上问题，可以通过检查代码来找出问题所在，并进行相应的调整。