javascript - 如何动态改变DIV标签的CSS样式属性？

Question

我们有一个 div 标签:<div id='div1' style="background-color:red"></div>

我想知道如何更改此 div 标签的样式属性:-

1. 我们可以清除样式值吗？

2. 我们可以将值附加到现有样式属性吗？

3. 我们可以为样式属性设置新值吗

提前致谢。

Answer 1

var div = document.getElementById('div1');

// Clear Value
div.setAttribute('style','');
  // OR
div.removeAttribute('style');

// Set Style / Append Style
div.style.backgroundColor = '#ff0000';

在添加或更改样式时，不要直接修改样式属性，除非您想将它们全部删除。

JavaScript 移除属性:https://developer.mozilla.org/en-US/docs/Web/API/Element.removeAttribute Javascript 样式:https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.style