Modificare CSS con Javascript

Cauchy

Nuovo Utente
18 Ott 2014
2
0
1
Ciao!

Premetto che non conosco il JavaScript sebbene da stamattina mi sia messo in testa di iniziare ad imparare qualcosa.
Il problema è questo. Io ho una semplicissima pagina HTML in cui ho due colonne in float, quindi una parallela all'altra. Quello che vorrei fare è impostare tramite uno script in JS la stessa altezza a entrambe le colonne, le quali contengono del testo di lunghezza notevolmente diversa. Non imposto l'altezza manualmente nel CSS per il semplice motivo che in un sito web la cosa diventerebbe troppo lunga e macchinosa e quindi noiosa.

La mia idea è quella di andare a leggere l'altezza del div destro (il più lungo) e memorizzarla in una variabile. Successivamente impostare l'altezza del div sinistro uguale a questa variabile.

Ho provato con questo codice ma non funziona, sebbene un alert contenente la prima stringa dello script funga correttamente aprendomi una finestrella con l'altezza della colonna di destra.

HTML:
<script type="text/javascript">
	<!--
	var altezza = getComputedStyle( document.getElementById("right"), "").height );
	document.getElementById("left").setAttribute("height", altezza);
	-->
</script>

Qualcuno saprebbe come aiutarmi?

Grazie in anticipo.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, puoi provare cosi
Codice:
document.getElementById("left").style.height = document.getElementById("right").clientHeight + "px";
 
Discussioni simili
Autore Titolo Forum Risposte Data
Dexter_90 [AIUTO] Modificare proprieta Css tramite hover con Javascript Javascript 4
I Modificare css con variabili PHP 7
V [WordPress] Come modificare link in tasto menu css WordPress 21
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
A modificare comportamento 'position' in stile CSS Javascript 0
S ricavare valore get e modificare css PHP 3
Dexter_90 [AIUTO] Modificare proprieta Css tramite hover HTML e CSS 4
D Eventi: si possono modificare proprietà css di un el. B tramite un hover su un el. A? HTML e CSS 0
Shyson Modificare codice e creare link PHP 0
J Modificare panorami 360 ps 2020 Photoshop 0
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
D modificare questo codice per inserimento in text e non in tabella jQuery 1
C modificare sito in locale con dreamWeaver HTML e CSS 3
T Modificare ruolo utenti in fase di registrazione E-Commerce 0
M modificare un file .XML da database Sql PHP 13
S Modificare intestazione documento pdf con LO Draw Linux e Software 0
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
Shyson Modificare funzione php PHP 15
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
F Modificare report di etichette di access con vba MS Access 0
D [PHP] Tabella: modificare direttamente i valori PHP 6
P [Woocommerce] Modificare il Bottone Checkout di Woocommerce in base alla categoria di prodotto E-Commerce 10
Q impossibile modificare un file ....... C/C++ 2
C [HTML] modificare la scritta della copyright HTML e CSS 2
G [PHP] MODIFICARE DATI TABELLA CONTESTUALMENTE PHP 6
Y [PHP] [HTML] Modificare i quadranti PHP 1
A [PHP] Modificare campo database in base alla scelta dell'utente PHP 2
W Non riesco più a modificare i dati di una tabella da phpmyadmin MySQL 0
Y Modificare script php PHP 5
G Fullcalendar: modificare colore testo, backgroup e bordi per tutti gli eventi jQuery 3
Merlina3377 [PHP] modificare file su form immagine thump PHP 1
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
pfranco [PHP] Modificare pagina web online PHP 9
Shyson Modificare codice jQuery 0
A [Javascript] modificare il contenuto della barra indirizzi di un browser Javascript 1
asevenx modificare lista elementi togliendo l'elemento selezionato jQuery 1
Kolop "Modificare HTML" HTML e CSS 13
K [ASP.Net] Utilizzare e modificare dati linq ASP.NET 0
G Modificare navbar in base allo scroll jQuery 6
R [Photoshop] Modificare luminosità dei bordi in una foto Photoshop 2
A come modificare gli elementi di una lista e gli editText? Sviluppo app per Android 0
A modificare .jar con classe personalizzata Java 9
Mer556 BLOCCATO nel modificare un sito HTML e CSS 3
T modificare un template html5 HTML e CSS 6
B Modificare sorgente di pagina HTML e CSS 10
napuleone Modificare attributi di una classe con js Javascript 2
C modificare un rss con php PHP 2
L Modificare dati tabella mysql PHP 2
P modificare mappa sito Javascript 0

Discussioni simili