2015-11-12 2 views
0

Я действительно пытаюсь изменить стиль, изменяющий элемент тега/имя атрибута, с другим, применяемым к другому элементу.Изменение стиля атрибута/элемента по имени

Пример:

мне нужно передать это:

a{ 
color:red; 
} 

к

p{ 
color : red; 
} 

С чистого JavaScript.

она существует ли способ позволяет мне сделать это, без дублирования моего стиля с:

document.getElementById("element2").style = document.getElementById("element1").style; 

EDIT: Мне нужно передать «а» стили к «р» стили удаление «а» стили ,

+0

Следует написать в лучший способ указать, что после прохода исчезнет стиль «a» –

+0

Если вы хотите изменить стиль, почему бы не использовать классы и не менять имена классов с помощью JavaScript? – Adwaenyth

ответ

0

После некоторых исследований я пришел к выводу о том, что вы должны подойти к этой проблеме, изменив класс (добавление, удаление), которые в конечном итоге влияют на ваш стиль

Live Version

document.getElementById("blue").className += " " + document.getElementById("red").className; 

С помощью Classname , у вас будет доступ к классу, который есть в данный момент, и изменить его.

JQuery verision

Если вы используете JQuery, лучший вариант будет использовать toggleClass, addClass, removeClass

+0

Является ли элемент element2 не только одним свойством цвета? –

+2

Я хочу передать все стили «p» в стили «p», удалив «a» стили – mfrachet

+0

@Alexander несколько цветов будет в порядке. Я сделаю jsfiddle для этого :) –

0
var element1 = document.getElementById("element1"), 
    element2 = document.getElementById("element2"), 
    completeStyle = window.getComputedStyle(element1, null).cssText; 

    element2.style.cssText = completeStyle; 

Примечание: не поддерживаются IE

Смежные вопросы