Using jquery or pure javascript for copy the style of a dom element

Question

I would like to know the best way to accomplish the following task: Using jquery or pure javascript code for copy the style of one dom element to another.

example:

// css file
div.myClass {
    color: red;
}

// html file
<div class="otherClass">
 no style
</div>

// js script
var propertyName = color;
$("div.otherClass").css( propertyName , function () {
    return $("div.otherClass").css(propertyName);
}  )

The js script works but I would like to take the propertyName automatically. Any idea?

score 1 · Answer 1 · answered May 16 '12 at 12:51

1

why not append the same class from one to the other?

$("div.otherClass").addClass('myClass');

answered May 16 '12 at 12:51

Joseph

117,725
30
181
234

Sorry maybe I was not clear in my question. This way it does not work in my case because renaming the class I will bind some event which I don't want. – underscore666 May 16 '12 at 13:21

score 1 · Accepted Answer · edited May 23 '17 at 12:11

1

Here is jsFiddle for your question from another one.

edited May 23 '17 at 12:11

Community

1
1

answered May 16 '12 at 13:03

Nikita Shekhov

493
3
11

score 0 · Answer 3 · answered May 16 '12 at 12:57

0

if you want to replace the style properties of that element then you could also do something like this

$("div.otherClass").removeClass("otherClass").addClass("myClass");

this will first remove the class otherClass and then ad myclass to the element

otherwise Joseph's answer would work best

answered May 16 '12 at 12:57

Sandeep Rajoria

1,243
8
14

Sorry maybe I was not clear in my question. This way it does not work in my case because renaming the class I will bind some event which I don't want. – underscore666 May 16 '12 at 13:21

Using jquery or pure javascript for copy the style of a dom element

3 Answers3