按名称

Question

我实际上是在尝试修改样式，将标记元素/属性名称更改为另一个样式以应用于另一个项目。

示例：

我需要通过这个：

a{
 color:red;
}

到

p{
color : red;
}

使用纯javascript。

是否存在允许我这样做的方式，没有重复我的风格：

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

编辑：我需要通过＆＃34; a＆＃34;风格到＆＃34; p＆＃34;样式删除＆＃34; a＆＃34;样式。

Answer 1

经过一些研究，我得出结论，你应该通过改变类（添加，删除）来解决这个问题，这最终会影响你的风格

Live Version

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

通过使用className，您可以访问对象当前具有的类并对其进行修改。

jQuery verision

如果您使用的是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不支持