通過名稱更改屬性/元素樣式

Question

我實際上是在嘗試修改一種樣式，以更改標簽元素/屬性名稱，並使用另一種樣式來應用於另一項。

范例：

我需要通過：

a{
 color:red;
}

至

p{
color : red;
}

使用純JavaScript。

是否存在一種允許我執行此操作的方法， 而不會與以下樣式重復 ：

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

編輯：我需要將“ a”樣式傳遞給“ p”樣式，以刪除“ a”樣式。

Answer 1

經過一些研究，我得出一個結論，您應該通過更改類（添加，刪除）來解決此問題，這最終會影響您的樣式

現場版

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

通過使用className，您將有權訪問對象當前具有的類並對其進行修改。

jQuery版本

如果您使用的是jQuery，則更好的選擇是使用toggleClass ， addClass ， removeClass

Answer 2

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

    element2.style.cssText = completeStyle;

注意 ：IE不支持