Visualizzazione dei risultati da 1 a 3 su 3

Discussione: stili in linea con DOM

  1. #1

    stili in linea con DOM

    ho provato ad inserire degli stili in linea utilizzando javascript e un po' di dom.
    Il codice è il seguente
    codice:
    // crea gli stili in linea per il nuovo nodo
    
    	var stile = document.createElement("style");
    	stile.setAttribute("type", "text/css");
     
    	document.getElementsByTagName("head")[0].appendChild(stile);
    
           	var css_text_node = document.createTextNode("#msg_footer {border-color:red}");
    	stile.appendChild(css_text_node);
    che non mi funziona sulla versione IE (la 6 su win98) in mio possesso.
    Non solo non si comporta come dovrebbe ma causa un errore (apperentemente quando il nuovo nodo viene inserito nella struttura dell'albero del documento) che impedisce la continuazione della esecuzione dello script.
    Qualcuno ha riscontrato un problema simile e come lo ha risolto?
    grazie a chi potrà darmi una mano
    sergio

  2. #2

  3. #3
    grazie, posto per completezza l'esempio funzionante anche su msie

    codice:
    // crea gli stili in linea per il nuovo nodo
    
    	        var cssStr = "#msg_footer {border-color:red}";
    		var stile = document.createElement("style");
    
    		stile.setAttribute("id", id_nodo + "_css");
    		stile.setAttribute("type", "text/css");
          
    		document.getElementsByTagName("head")[0].appendChild(stile);
    
    		if (stile.styleSheet) {		// IE
    			stile.styleSheet.cssText = cssStr;
    		}
    		else {
    	       		var css_text_node = document.createTextNode(cssStr);
    			stile.appendChild(css_text_node);
    		}

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.