como agrego un css desde js??

[usuaria]

Tengo esto:

Código:

var head = document.getElementsByTagName('head');
css = document.createElement('link');
css.rel  = 'stylesheet';
css.href = '../css/estilo.css';
css.type = 'text/css';
head.appendChild(css);

el problema es q no me funciona..q esta mal??

[GermanBsAs]

prueba con
document.body.previousSibling.appendChild(css)

[buzu]

Yeah! Den la vienvenida a Buzu que regresa mas duro que nunca jajaja, Quiza solo por un dia jajaja... No tengo tiempo para andar por aca ultimamenete, pero bueno sin mas a responder.

Lo que pasa es que getElementsByTagName te regresa como resultado un Array, por lo que tu var head no es una variable sino un Array. Para solucionarlo basta con poner head[0].appendChild(css) en lugar de head.appendChild(css)

Saludos.

[usuaria]

como hago lo mismo pero con un js? es decir quiero agregar un js como agregue el css ..hice esto..

Código:

    css.href = '../css/noticias.css';
				var script = document.createElement("script");
				script.language = "javascript";
				script.src = "acc2.js";
				document.body.previousSibling.appendChild(css);//el css lo carga bien  
                               document.body.previousSibling.appendChild(script);//no locarga

como hago?? grx!!!

[00siete]

Para incluir un javascript desde otro puedes hacerlo al menos de dos formas:

Código:

document.write("<script type='text/javascript' src='test.js'></scr"+"ipt>");

Observa que debes cerrar el tag de script con dos string diferentes para que no considere que ahí acaba el código javascript.

También se puede hacer mediante funciones DOM (Document Object Model):

Código:

// Create the Script Object
var script = document.createElement('script');
script.src = 'server.js';
script.type = 'text/javascript';
script.defer = true;
script.id = 'scriptID'; // Esto es para poder borrar el objeto despues for removal
// Ahora se inserta el objeto creado en el elemento HEAD del html
var head = document.getElementsByTagName('head').item(0);
head.appendChild(script);

Y para borrar dicho elemento:

Código:

var head = document.getElementsByTagName('head').item(0);
var old = document.getElementById('scriptID');
if (old) head.removeChild(old);

[usuaria]

por q motivo puede ser q no me lo tome?? Porque lo agrego asi y no lo toma, es decir no se ejecutan las acciones que tiene ese js. (Ya lo probe aparte y anda, el problema es que cuando lo quiero agregar asi no me lo toma porque puede ser?)

Y si lo agrego en la home donde llama a todas las secciones (estan con anclas llamadas <div><a href="#noticias">Noticias</a></div>) al cargar todo el contenido de noticias no me ejecuta las acciones ni nada..alguna solucion??