javascript - 如何使用javascript将样式属性从元素A复制到B？

Question

我想将 css 内联样式从一个元素分配给另一个元素。例子。

我想复制样式表 btn1 并分配给 btn 2

<button id="btn1" style="font-size: 10px;background-color: #4CAF50;  padding: 10px 24px;">Button 1</button>

  <button id="btn2" style="font-size: 10px;background-color: rgb(93, 16, 3); background:beige ; padding: 10px 24px;">Button 2</button>

标签： javascript

Answer 1

从第一个元素获取样式属性并使用该值设置另一个元素的样式属性。

let styles = document.querySelector('#btn1').getAttribute('style')

document.querySelector('#btn2').setAttribute('style', styles)

<button id="btn1" style="font-size: 10px;background-color: #4CAF50;  padding: 10px 24px;">Button 1</button>
<button id="btn2">Button 2</button>