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?

Community · Accepted Answer · 2017-05-23 12:11:28Z

1

Here is jsFiddle for your question from another one.

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered May 16, 2012 at 13:03

Nikita Shekhov

5033 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Joseph · Accepted Answer · 2012-05-16 12:51:47Z

1

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

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

answered May 16, 2012 at 12:51

Joseph

120k31 gold badges186 silver badges238 bronze badges

1 Comment

underscore666 Over a year ago

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.

Sandeep Rajoria · Accepted Answer · 2012-05-16 12:57:10Z

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, 2012 at 12:57

Sandeep Rajoria

1,2498 silver badges14 bronze badges

1 Comment

underscore666 Over a year ago

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.

Collectives™ on Stack Overflow

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

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related