Javascript 如果已声明宽度，则在页面加载后更改图像宽度？若未声明宽度，则宽度将更改，但若声明为我的宽度，则不会更改

问题是，如果将这些带有生成ID cam_snap_XXX的图像拖放到此区域，我需要这些图像变为不同的宽度。我可以改变高度，但不能改变宽度，因为如果x==1，宽度被指定为20px。从未指定图像高度，因此我认为这是它可以更改的原因？问：如果拖动，如何使这些图像宽度从20px更改为100px

while (cnt <= 100) {
    cam_icon=document.getElementById('cam_snap_' + cnt);
    cam_icon.style.visibility = 'hidden';
    if (x==1) { 
        cam_icon.style.width = '20px';
        cam_icon.style.visibility = 'visible'; 
    }
    cnt++;
}

还有css

//css for attempting to change image width and height on drop
.dragged{
    height: 100px; //Works because height stretches image height from ~20px to 100px.
    width: 100px; //**Doesn't work and is useless because width remains 20px.**
}

---

在将类“拖动”添加到这些图像之前，是否应尝试删除该类？使用removeClass？任何想法都是受欢迎的，即使不是解决方案。

这部分javascript修改您的HTML

cam_icon.style.width = '20px';
cam_icon.style.visibility = 'visible'; 

到

解决方案2：用于将类中指定的值优先于内联样式属性

.dragged{
    height: 100px; 
    width: 100px !important; 
}

<someTag id="cam_snap_x" style="width:20px;visibility:visible">

$('.droparea td.drop').droppable({
  onDrag: function (e, source) {
      $(this).width(100).height(100); //This will change the style property
  }
}

.dragged{
    height: 100px; 
    width: 100px !important; 
}