Cambiar valor de css con javascript

[manuparquegiralda]

A ver, porque creo que no te he entendido bien. El valor de una clase CSS no se puede modificar en JavaScript, pero si puedes cambiar sus propiedades a través del atributo style.

Yo lo que haría es que cuando se selecciona un objeto, este almacenarlo en un array, luego recorrer el array e ir sumando las alturas de cada elemento seleccionado y aplicar esa altura al elemento

Código Javascript:

class MyApp {
    constructor() {
        this.els = {
            destino: documento.getElementById( "caja-destino" )
        };
 
        this.selecteds = [];
    }
 
    add( el ) {
        this.selecteds.push( el );
 
        this._setHeight();
    }
 
    this.remove( el ) {
         for(var i = 0; i < this.selecteds.length; i++ ) {
             if( el == this.selected[ i ] ) {
                 this.selecteds.slice( i, 1 );
             }
         }
 
         this._setHeight();
    }
 
    _setHeight() {
        var h = 0;
        for(var i = 0; i < this.selecteds.length; i++ ) {
            h += this.selecteds[ i ].offsetHeight;
        }
 
        this.els.destino.style.height = h + "px";
    }
}
 

Así a modo de ejemplo creo que esto sirve, un método que añade elementos seleccionados, uno que quita elementos seleccionados y otro que ajusta la altura de la caja de destino en función de los elementos que haya seleccionado. Cuando selecciones un elemento llamas al método add() y cuando se deseleccion al método remover().

No sé si van por ahí los tiros que necesitas.