Los métodos InsertRule y ClassName no funcionan

[Rolldi]

En primer lugar, Buenas!! Hace años que no posteo en este foro! Encantado de estar de nuevo con ustedes.

Mi pregunta es simple. He planteado un sistema muy simple para destacar el nombre de la sección en el menú según en que sección me encuentre. Por ejemplo, si estoy en portada se destacará en el menú el texto "Portada". Para ello uso un switch que analiza la cadena recibida por location.search.

Sin embargo ni el método InsertRule funciona ni consigo asignar una clase css a una fila de la tabla mediante ClassName. He cambiado el código mil veces, aquí dejo el último simplificado. No les voy a decir los cambios que he hecho para no extender mucho el post. Lo que sí es cierto, es que probé a añadir antes de InsertRule el método deleterule() y funcionó, pero ya no me acuerdo que hice con él.

Código Javascript:

function comprobar(){
url = window.location.search;
version = navigator.appName;
document.styleSheet[0].insertRule(".temp{background-color:white;}", 0);
switch (url){
case "?id=1":
document.getElementById("mm").className = "temp";
break;
}
}
 

mm es el id de la fila 1 correspondiente a "Portada"
El Switch no es lo que falla, he probado con otras cadenas dentro de Break y se ejecutan correctamente. Nota: Tampoco funciona si elimino la linea InsertRule y lo predefino en la hoja CSS.

[zerokilled]

fijate que styleSheet debe ser en plural. con suerte sera eso, a menos que haya sido un error al copiar el codigo.

[Rolldi]

Efectivamente, era eso. No se bien porqué, pero en la referencia de Dreamweaver los métodos vienen a colación con un elemento llamado "StyleSheet", hay otro que es "StyleSheets" en cuyos métodos y parámetros aparecían vacíos.

Tenía tres referencias abiertas, la del Dreamweaver, la de Javascriptkit y DeveloperMozilla y no se porqué al final acabé haciendo caso a la primera.

[zerokilled]

depende de la estructura de la referencia. para que no vuelvas a cometer el mismo error, debes leer el prologo de las referencias; o las introduciones de cada partes. en ocaciones, se explica como esta estructurado el material. por ejemplo, la referencia que constantemente consulto -javascript: the definitive guide-, tiene dos partes de referencias. en esas partes, parece ser confuso como se describen la lista de propiedades. por exponer el mismo ejemplo, en el objeto Document la propiedad styleSheets aparece asi readonly CSSStyleSheet[] styleSheets. en el caso de esta referencia, el nombre de la propiedad siempre aparece al final y el resto de las palabras que lo preceden son caracteristicas acerca de esa propiedad. en este ejemplo, indica que styleSheets es una propiedad de solo lectura (readonly) y que su interface o tipo de objeto es CSSStyleSheet. volviendo a tu caso, puede ser que sea una situacion similar.