Modificare proprietà CSS mediante script

Salve,
stò creando un form per l'inserimento di alcuni dati, ed ho una parte del documento che appare e scompare a seconda di una scelta fatta. Ora, quando quel particolare div appare io ho la necessità di modificare la posizione degli elementi al di sotto di esso e la dimensione del div che contiene tutto il form. So che devo utilizzare l'interfaccia CSSStyleSheet, ma non ho capito benissimo come selezionre il CSS che mi interessa (ne ho due) e come trovare l'elemento che mi interessa all'interno dell'array che compongo. Per esempio, se io avessi un CSS con questa proprietà:

Codice:

---

div#div_pagamento{
        position: absolute;
        top: 375px;
        left: 0px;
}

---

e volessi modificarlo per mettere top: 550px mediante uno script, che codice dovrei utilizzare?

Grazie mille!

Beh, essendo un singolo elemento puoi direttamente andare a modificare lo stile inline (quello associato all'attributo style) di questo, sfruttando la proprietà style del DOM.

Di solito in questi casi invece di andare a modificare lo stile da CSSStyleSheet è più semplice, e anche più comprensibile in seguito, agire su una classe associata all'elemento.

Quindi crei una regola div#div_pagamento.miaclasse (che ha la precedenza sulla regola base) e in cui metti gli attributi modificati.