tentando di capire il dom...

**Gunn** · 12-07-2006, 11:46

sono arrivato a questo problema

codice:

<html>
	<head>
		<title></title>
	</head>
	<body>
		<div id="prova">
			<div class="tab">
				<h2>Titolo tab 1</h2>
				

1testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
			</div>
			<div class="tab">
				<h2>Titolo tab 2</h2>
				

2testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
			</div>
			<div class="tab">
				<h2>Titolo tab 3</h2>
				

3testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
			</div>
			<div class="tab">
				<h2>Titolo tab 4</h2>
				

4testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
			</div>
		</div>


		<script type="text/javascript">

		var tabs = document.getElementsByTagName("div");
		for (i = 0; i <= tabs.length; i++)
		{
			if (tabs[i].className == "tab")
			{
				tabs[i].style.border = "1px red solid";
				tabs[i].firstChild.style.border = "1px blue solid";
			}
		}

		</script>
	</body>
</html>

questo non va:
tabs[i].firstChild.style.border = "1px blue solid";

su mozilla
su ie invece funziona

cosa sbaglio?

**Gunn** · 12-07-2006, 13:48

nessuno?

**pierofix** · 12-07-2006, 13:56

Ma scusa, già che stai usando className, usalo anche per attribuire gli stili, no?

Guarda se questo può esserti utile:

- http://icant.co.uk/articles/from-dht...scripting.html

Sto approfondendo anch'io questo argomento e devo dire che è molto interessante. Le tecniche per mantenere separati gli script dal markup sono davvero geniali e vale sicuramente la pena approfondirle.

**Gunn** · 12-07-2006, 13:58

Originariamente inviato da pierofix
Ma scusa, già che stai usando className, usalo anche per attribuire gli stili, no?

sì, la prova di style era solo per vedere se accedevo all'oggetto

cmq sono d'accordo, utilissimo

**pierofix** · 12-07-2006, 14:00

Quindi qual è il tuo problema, scusa?

**Gunn** · 12-07-2006, 14:15

Originariamente inviato da pierofix
Quindi qual è il tuo problema, scusa?

che non funziona firstChild

non riesco ad accedere al nodo (gli H2) per modificarne lo stile -per esempio- o per farci qualsiasi altra cosa

**floyd** · 12-07-2006, 14:24

prova così
tabs[i].getElementsByTagName('h2')[0].style.border = "1px blue solid";
(il ciclo deve essere var i=0; i<tabs.length)

**Gunn** · 12-07-2006, 14:53

Originariamente inviato da floyd
prova così
tabs[i].getElementsByTagName('h2')[0].style.border = "1px blue solid";
(il ciclo deve essere var i=0; i<tabs.length)

funziona, ma il problema è che potrebbe esserci h2 come titolo così come h3 h4 ecc
possibile che non c'è modo di far andare first child?

(ho corretto il ciclo)

**Gunn** · 12-07-2006, 15:05

poi non va neanche nodeValue
perchè devo usare per forza innerHTML?

**pierofix** · 12-07-2006, 15:16

Hai provato con il metodo di attrubuzione delle classi? Nel CSS fai:

codice:

.nomechevuoi
{
   border:1px solid blue;
}

e nel javascript:

codice:

tabs[ i].firstChild.className = 'nomechevuoi'

Ah, non so se può essere dovuto a quello l'errore, ma lo standard dice che l'ordine dei valori della proprietà 'border' è

codice:

[dimensione] [stile-linea] [colore]

e non

codice:

[dimensione] [colore] [stile-linea]

- http://www.w3.org/TR/CSS21/box.html#...and-properties

Discussione: tentando di capire il dom...

Strumenti discussione

Ricerca discussione

Visualizza

tentando di capire il dom...

Permessi di invio