Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    89

    cambiare classe con getElementByClass

    Salve st ocercando di cambiare classe ad una classe specifica all'interno della mia pagina. Il codice che uso è il seguente:
    (la parte in blod non funge...sbaglio sintassi?

    /* getElementByClass
    /**********************/

    var allHTMLTags = new Array();

    function getElementByClass(theClass) {

    //Create Array of All HTML Tags
    var allHTMLTags=document.getElementsByTagName("*");

    //Loop through all tags using a for loop
    for (i=0; i<allHTMLTags.length; i++) {

    //Get all tags with the specified class name.
    if (allHTMLTags[i].className==theClass) {

    //Place any code you want to apply to all
    //pages with the class specified.
    //In this example is to “display:none;” them
    //Making them all dissapear on the page.

    allHTMLTags[i].elem.className = "due";

    }
    }
    }

  2. #2
    non so se hai notato nell'if appena sopra come ha ottenuto la classe dall'elemento:

    allHTMLTags[i].className == theClass

    Allo stesso modo puoi impostare la classe:

    allHTMLTags[i].className = "due";

    Bada però che questo cancella la classe precedente.
    I DON'T Double Click!

  3. #3

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    89
    Originariamente inviato da artorius
    allHTMLTags[i].className = "due";

    Bada però che questo cancella la classe precedente.
    Grazie mille. Stavo leggendo in rete che non tutti i sistemi di getElementByClass funzionano su tutti i browsers. E questo script che vorrei utilizzare non mi sembra proprio simile a quelli identificati come crossbrowser (funzionerebbe solo su ff)... è così?

  5. #5
    mah, a me sembra funzioni anche su IE7 (anche il 6), Opera e Safari
    I DON'T Double Click!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.