Javascript, bir sınıfı kaldırmanın en hızlı yolu `<body>`

Üzerinde birkaç sınıf eklediğim bir beden elemanım var. Ve tarayıcı tarafından okunduktan sonra no-javascript sınıfını kaldırmak istiyorum.Javascript, bir sınıfı kaldırmanın en hızlı yolu `<body>`

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

kaynak

2010-12-09 Alex

Eh, önemli değil arasında ekstra boşluk beri söyleyebilirim:

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

You can test it out here.

kaynak

2010-12-09 10:43:49

bu kadar. teşekkür ederim – Alex

Örneğin, "piyano-javascript" adlı başka bir sınıf var üzerinde düşüyor. –

@Tim - Katılıyorum, ancak sınıf adına bakın, bu bir * çok * özel kullanım durumudur. –

document.body.className = '';

kaynak

2010-12-09 10:43:45 sje397

Bu * Tüm * sınıfları kaldırır, sadece 'hayır-javascript' –

@El Ronnoco: Biliyorum. Ama sorulduğu gibi sınıfı kaldırır. Aşırı derecede değişmez olduğumu biliyorum, ama bu * en hızlı :) – sje397

Nokta alındı. Gerçek bir programcı gibi düşünmek! :) –

Sadece Javascript kapatıldığında ve JS açıksa hiçbir şey gösterilmez ise gösterilir içeride noscript etiketinin koymak ne olursa olsun bu yana

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

kullanarak bu işin tüm önleyebilirsiniz.

kaynak

2010-12-09 10:43:50 darioo

ama js devre dışı bırakılmış olsa bile tüm sayfayı göstermek istiyorum, sadece CSS – Alex

bunun için hiçbir yerli javascript fonksiyonları vardır, ama her zaman, çünkü 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")

regex diğer yanıtlar sözü replace fonksiyonları daha iyi bir iş yapar esinlenerek/ödünç şu kodu kullanın (o "piyano-javascript" bu sürümü ile bozulmamış kalmak istiyorum fazla veya daha az. A sınıfı adında tam bu SinifAdi ve hiçbir şey varlığını denetler.için

(Yukarı IE10 ve dahil) 10 de kullanabilirsiniz:

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

kaynak

2010-12-09 10:45:50

ile bazı öğeleri gizlemek için sınıfa ihtiyacım yok Hayır, cevabınız her koşulda çalışan sadece biridir. +1. –

Ancak bir şey: 'removeClass()' içinde 'hasClass()' kontrolünü kaybederdim. Bu gereksiz. –

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

kaynak

2013-12-16 21:22:02

Sadece koddan ziyade, biraz açıklama yaparsınız – Iain

Javascript, bir sınıfı kaldırmanın en hızlı yolu `<body>`

cevap

İlgili konular