Add class in body tag when change language in HTML

Question

My HTML tag is this <html lang="en-US">, When I change language from English to Danish lang tag changed to this <html lang="da-DK">.

Problem: I want to add a class class="xyz" when my selected language is <html lang="da-DK">. Any possible solution to add a class using javascript.

Possible duplicate of [How do I add a class to a given element?](http://stackoverflow.com/questions/507138/how-do-i-add-a-class-to-a-given-element) — Ankit Deshpande, Mar 25 '16 at 07:30

Ismail Farooq · Answer 1 · 2016-03-25T07:43:25.450

0

simply use Jquery :lang() Selector

for example

if($( "html:lang(en-US)" )){ $("body").addClass( "usa" ) }

Not tested but hopefully work, see Here for more.

edited Mar 25 '16 at 07:43

answered Mar 25 '16 at 07:36

Ismail Farooq

6,309
1
27
47

brk · Answer 2 · 2016-03-25T07:43:01.720

0

You can use

CSS :lang selector.More about css lang selector
$( ":lang(your language)").addClass/removeClass('className');

edited Mar 25 '16 at 07:43

answered Mar 25 '16 at 07:36

brk

48,835
10
56
78

Bhojendra Rauniyar · Answer 3 · 2016-03-25T08:57:13.067

0

Like this:

if(document.documentElement.getAttribute('lang')=='da-DK'){
   document.body.className = ' xyz';
}

edited Mar 25 '16 at 08:57

answered Mar 25 '16 at 07:39

Bhojendra Rauniyar

83,432
35
168
231

will it able to detect the change? – brk Mar 25 '16 at 07:40
This need to be triggered in that event. – Bhojendra Rauniyar Mar 25 '16 at 07:41
It is adding class in html tag, but I want to add class in body tag – The Design Artisan Mar 25 '16 at 08:41
Then do document.body.classname. Check updated answer. – Bhojendra Rauniyar Mar 25 '16 at 08:56

score 0 · Answer 4 · answered Mar 25 '16 at 07:45

0

Try this it will work :

if ($('html').attr('lang') == 'da-DK') {
     $('html').addClass("xyz");
}

answered Mar 25 '16 at 07:45

Debug Diva

26,058
13
70
123

OP has not tagged the question as jQuery. – Bhojendra Rauniyar Mar 25 '16 at 07:46

Add class in body tag when change language in HTML

4 Answers4