Cómo obtener etiquetas de clase de elemento html

Estoy usando una configuración de modernizador personalizada que ha seleccionado las características que empleo en mi página (y solo esas características).Cómo obtener etiquetas de clase de elemento html

Por lo tanto, me gustaría simplemente agarrar el className del <html> de la página para que pueda comprobar para ver cuántos no- clases prefijadas están presentes (tal vez la comprobación classlist.match(/no-/g).length) y determinar si mi javascript sólo debe darse por vencido.

No está claro si debo utilizar

document.getElementsByTagName('html').className

$('html').attr('class')

document.documentElement.className

Fuente

2012-07-14 Steven Lu

No veo ninguna razón para no utilizar cualquiera de los tres. – Kyle

Todos funcionan, pero es posible que tengas problemas entre navegadores con el 1er y el 3er. El segundo resuma esto mediante jquery. –

Cualquiera funcionará, excepto que probablemente necesite desreferenciar el nombre 'getElementsByTagName()' ya que devuelve una lista de nodos: 'document.getElementsByTagName ('html') [0] .className' –

voy a ir a por:

document.documentElement.className;

Debido a que no implica el llamado de cualquier función, ni una capa adicional como jQuery. Idealmente este es el más limpio y el más rápido.

Fuente

2012-07-14 21:03:12 ZER0

Usando esto actualmente. –

Si está utilizando jQuery en su proyecto por qué no usar éste:

var classList = $("html").attr('class').split(/\s+/); 
var prefix = 'no-'; 

$.each(classList, function(index, item){ 
    if (item.substring(0, 2) === prefix) { 
    //do something 
    } 
});

Fuente

2012-07-14 20:46:58 Besnik

Si se utiliza llanura JS, el equivalente sería:

document.getElementsByTagName('html')[0].className

Fuente

2012-07-14 20:48:20 Martin

Haz que 'plain vanilla', por favor. ¡Pensé que me faltaba otra biblioteca js hasta que leí la línea de código! VanillaJS, suena como una biblioteca! –

Citaré [wikipedia] (http://en.wikipedia.org/wiki/Vanilla). Un uso principal de 'vainilla' es en sabor helado. El sabor más común de los helados es "vainilla", y por lo tanto, la mayoría de las personas lo consideran el sabor "predeterminado". Por analogía, el término "vainilla" se usa a veces como sinónimo de "simple". – Martin

Diría 'simple JS'. (Y usaría 'document.getElementsByTagName ('html') [0] .className'). –

puede utilizar jQuery hasClass `Método:

determinar si alguno de los elementos coincidentes se les asigna la clase dada.

if ($('html').hasClass('no-something')) { 
    // do something here 
}

Fuente

2012-07-14 23:11:44 undefined

Esto solo funciona si ya conoce el nombre de la clase, que es diferente de lo que se le preguntó. – Teepeemm

Cómo obtener etiquetas de clase de elemento html

Respuesta

Cuestiones relacionadas