Javascript 当image src不为空时更改css类

我有两个div，它由两个不同的类组成，当图像源为空时，它将具有默认值。但是当图像源更改时，我需要更改类属性如何实现这一点。下面是我的代码

    <div data-role="view" data-title="Add Photo">
        <ul data-role="actionsheet" id="ImagePopUp" data-open="onOpen" data-popup='{"direction": "left"}'>
            <li class="km-actionsheet-title"></li>
            <li><a data-action="ImagefromGallery">From Gallery</a></li>
            <li><a data-action="ImagefromCamera">From Camera </a></li>

        </ul>
    </div>

  <a id="OpenView" data-rel="actionsheet" data-role="button" href="#ImagePopUp" style="text-decoration: none;border:none;">
                            <img src="images/icon-photo.png" class="icon" />
                        </a>

<div class="divimage">
   <image src="" id="userprofile">
</div>

<div class="divtext">
</div>

---

如果您不知道图像源将从何处更改，或者代码超出您的控制范围，则可以在图像中为属性添加

MutationObserver

，如果源为

空/非空

，则相应地添加您的类

编辑

---

由于您通过更改DOM结构编辑了您的问题，因此，如果您想更改图像中的样式，那么使用

img[src=”“]

只使用css就足够了，这与之前的情况不同，因为css目前还没有父选择器，所以您希望更改该图像的父div，所以答案的第一部分是解决这个问题。

图像源是如何变化的？你能分享那个密码吗？你试过什么？你的JavaScript在哪里？我正在使用corodva capture插件，当我从gallery中选择pitcure时，id userprofile图像标记被设置。如果你只是想更改样式，而不是添加一个类，你可以使用选择器

img[src=”“]{/*some style*/}

@ChristianValentin是的，我也同意你的看法。实际上OP现在更改了问题（通过编辑），之前的问题是希望根据image的

src

值更改父div类

.divimage{ 
 top:2em;
 height:30px;
 width:100%;
  height:100%  
 }

.divtext{
height:30px;
 width:100%;
height:100%  
 margin-left:5px;
 margin-top :2px
  }

   //replace this class with divimage
   .onchangeImageSrc{ 
     some value
    }

     //replace this class with divtext
    .divNewtext{ 
    some value
  }