recuperare class come attributo di un tag

**nourdine** · 05-05-2006, 11:44

ma la class di un elemento può essere recuperata come attributo?

tipo posso fare:

for(i=0; i < lista_div.length; i++) //lista_div è un array dei tag <div> presenti nel document
{
if(lista_div.item(i).getAttribute("class") == "xyz")
{
lista_div.item(i).style.fontSize = "50px";
lista_div.item(i).style.color = "#FF0000";
}
}

**fcaldera** · 05-05-2006, 11:46

codice:

for(i=0; i < lista_div.length; i++) //lista_div è un array dei tag <div> presenti nel document 
{
  if(lista_div[i].className == "xyz") {
     lista_div[i].style.fontSize = "50px";
     lista_div[i].style.color = "#FF0000"; 
  }
}

Ciao

**nourdine** · 05-05-2006, 11:56

ok allora te la dico tutta:

<script>
function fontBig()
{
var lista_div = document.getElementsByTagName("div");

for(i=0; i < lista_div.length; i++)
{
if(lista_div[i].className == "xyz")
{
lista_div[i].style.fontSize = "50px";
lista_div[i].style.color = "#FF0000";
}
}
}
</script>

solo che adesso mi trasforma sia i div marchiati "xyz" che quelli appartenenti alle altre classi. Come mai?

p.s.: seiil mio guru ;-)

**fcaldera** · 05-05-2006, 12:06

probabilmente stai facendo un errore da qualche altre parte

se provo il codice su un esempio come il seguente a me funziona correttamente

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        
        <title>xhtml 1.0</title>
    </head>

    <script type="text/javascript">
    // <![CDATA[
    function aumenta() {
        var lista_div = document.getElementsByTagName("div");
        for(i=0; i < lista_div.length; i++) {
          if(lista_div[i].className == "xyz") {
             lista_div[i].style.fontSize = "50px";
             lista_div[i].style.color = "#FF0000"; 
          }
        }
    }
    // ]]>
    </script>
<body onload="aumenta()">

<div class="xyz">xyz</div>
<div class="abc">1</div>
<div class="xfr">2</div>
<div class="xyz">xyz</div>
<div class="xab">3</div>

<body>
</html>

**nourdine** · 05-05-2006, 14:25

ok funziona! mi ero dimendicato di chiudere i div per cui veniva tutto dello stesso colore/formato. Sono mona!

l'unica cosa che mi resta da chiedere:

come faccio a passare come parametro la grandezza del font alla funzione? tipo:

<script type="text/javascript">
// <![CDATA[
function aumenta(dimensione) {
var lista_div = document.getElementsByTagName("div");
for(i=0; i < lista_div.length; i++) {
if(lista_div[i].className == "xyz") {
lista_div[i].style.fontSize = "dimensione";
}
}
}
// ]]>
</script>
<body onload="aumenta(50px)">

ma so già che non funziona benchè mi sembra di esserci vicino. don't ya think?

**fcaldera** · 05-05-2006, 14:35

gli apici:

<body onload="aumenta('50px')">

e

lista_div[i].style.fontSize = dimensione;

**pierofix** · 05-05-2006, 15:27

Ma perchè continuare ad usare gli stylesheet di javascript? Non è più intelligente gestire direttamente tutta la grafica via CSS?

Mi riferisco alla tecnica dell'attribuzione delle classi, che prospettavo prima:

- http://forum.html.it/forum/showthrea...hreadid=980247

Già che usiamo il DOM, facciamo in maniera sana, no?

Discussione: recuperare class come attributo di un tag

Strumenti discussione

Ricerca discussione

Visualizza

recuperare class come attributo di un tag

Permessi di invio