Sélectionner un élément qui ne possède pas une certaine classe
En javascript, si vous souhaitez sélectionner un élément qui possède plusieurs classes mais dont une seule vous intéresse, il convient d’utiliser la pseudo-classe de négation not() associée à une méthode querySelectorAll()
<div id="columns2"> <div class="column minus" style="opacity: 1;" draggable="true"><img id="p2" src="/images/d.png" data-boxtype="p2" /></div> <div class="column" style="opacity: 1;" draggable="true"><img id="p2" src="/images/o.png" data-boxtype="p2" /></div> <div class="column" style="opacity: 1;" draggable="true"><img id="p2" src="/images/j.png" data-boxtype="p2" /></div> </div>
Par exemple, pour choisir les divs de classe « column » mais en excluant celles de classe minus vous pouvez utiliser la syntaxe suivante:
document.querySelectorAll('#columns2 .column:not(.column.minus)')