Javascript, la forma más rápida de eliminar una clase de `<body>`

Tengo un elemento de cuerpo en el que agrego algunas clases. Y quiero eliminar la clase no-javascript de ella, una vez que el navegador la está leyendo.Javascript, la forma más rápida de eliminar una clase de `<body>`

<body class="foo boo no-javascript bla"> 
    <script type="javascript"> 
     // remove no-javascript class here 
    </script>

Fuente

2010-12-09 Alex

Bueno, ya que los espacios adicionales entre no importa, yo diría:

document.body.className = document.body.className.replace("no-javascript","");

You can test it out here.

Fuente

2010-12-09 10:43:49

eso es todo. gracias – Alex

Se cae cuando tienes otra clase llamada "piano-javascript", por ejemplo. –

@Tim - Estoy de acuerdo, pero mira el nombre de la clase, este es un caso de uso * muy * específico. –

document.body.className = '';

Fuente

2010-12-09 10:43:45 sje397

Esto eliminará todos los * * clases, no sólo 'no-javascript' –

@El Ronnoco: Lo sé. Pero elimina la clase, como se le preguntó. Sé que estoy siendo demasiado literal, pero este * es * el más rápido :) – sje397

Punto tomado. ¡Pensando como un verdadero programador! :) –

Usted puede evitar todo ese trabajo, simplemente usando

<noscript>Your browser does not support JavaScript!</noscript>

Dado que lo que pones dentro de noscript etiqueta se mostrará si Javascript está desactivado y nada se mostrará si JS está encendida.

Fuente

2010-12-09 10:43:50 darioo

pero quiero mostrar toda la página incluso si js está deshabilitado, solo necesito que la clase oculte ciertos elementos con CSS – Alex

No hay funciones javascript nativas para esto, pero siempre uso el siguiente código (tomado de/inspirado en this snipplr

function removeClass(ele,cls) { 
    var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); 
    ele.className = ele.className.replace(reg,' '); 
} 

removeClass(document.getElementById("body"), "no-javascript")

La expresión regular hace un trabajo mejor que los replace funciones mencionadas en otras respuestas, porque se comprueba la existencia de ese className exacta y ni más ni menos. Una clase llamada "piano-javascript" permanecería intacta con esta versión.

para modern browsers (incluyendo IE10 en adelante) también se puede utilizar:

document.querySelector('body').classList.remove('no-javascript');

Fuente

2010-12-09 10:45:50

No, su respuesta es la única que funciona en todas las circunstancias. +1. –

Sin embargo, una cosa: perdería la comprobación 'hasClass()' en 'removeClass()'. Es redundante –

document.querySelector('body').classList.remove('no-javascript');

Fuente

2013-12-16 21:22:02

En lugar de solo codificar, da una pequeña explicación – Iain

Javascript, la forma más rápida de eliminar una clase de `<body>`

Respuesta

Cuestiones relacionadas