Javascript code to change the div style

Question

Here is a div:

 <DIV CLASS= "KJX" > 
     // DIV CONTENT
 </DIV>

after clicking on the div, I want to change the div style to this:

   <style> 
       background-color: red;
       font-type: oswald;
   </style>

I want the change to stay on the div after clicking, not just during the clicking. Is there script for that?

see http://stackoverflow.com/questions/5751329/change-css-link-property-onclick-with-javascript-jquery and http://stackoverflow.com/questions/6096739/jquery-change-style-of-a-div-on-click — MANISHDAN LANGA, Aug 01 '13 at 07:09
you'll want to use `font-family`, not font-type. Also, this question already exists: http://stackoverflow.com/questions/197748/how-do-i-change-the-background-color-with-javascript — Rob Sterlini, Aug 01 '13 at 07:52

score 2 · Accepted Answer · answered Aug 01 '13 at 07:07

2

I think this should be:

$(function() {
              $('.home').click(function() {
                    $(this).css({'background-color', 'red'});
              });
        }):

answered Aug 01 '13 at 07:07

MANISHDAN LANGA

2,227
6
29
43

score 1 · Answer 2 · answered Aug 01 '13 at 07:11

1

$(function() {
              $('.KJX').click(function() {
                    $(this).css({ 'background-color ': 'red'
                                 'font-type' :' oswald'});
              });
        });

HOpe this will work

answered Aug 01 '13 at 07:11

backtrack

7,996
5
52
99

score 0 · Answer 3 · answered Aug 01 '13 at 07:08

0

In jQuery solution would be:

$('.kjx').click(function(){
   $(this).css({'background-color' : 'red', 'font-type' : 'oswald'});
});

answered Aug 01 '13 at 07:08

Gintas K

1,438
3
18
38

sir , i know these codes , i wanna the change to stay on the div , this effect will disappear after the clicking – khalid jarrah Aug 01 '13 at 07:14
I think it wont, just try it :) – Gintas K Aug 01 '13 at 07:21

Javascript code to change the div style

3 Answers3