![](/img/trans.png)
[英]How to change div style width for dynamically div tag in html in Javascript?
[英]How to dynamically change CSS style attribute of DIV tag?
我们有一个div标签: <div id='div1' style="background-color:red"></div>
我想知道如何更改此div标签的style属性: -
我们能否清除风格价值?
我们可以将值附加到现有的样式属性吗?
我们可以为样式属性设置新值
提前致谢。
var div = document.getElementById('div1');
// Clear Value
div.setAttribute('style','');
// OR
div.removeAttribute('style');
// Set Style / Append Style
div.style.backgroundColor = '#ff0000';
添加或更改样式时,请勿直接修改样式属性,除非您要将它们全部删除。
JavaScript removeAttribute: https : //developer.mozilla.org/en-US/docs/Web/API/Element.removeAttribute Javascript样式: https : //developer.mozilla.org/en-US/docs/Web/API/HTMLElement 。样式
您可以使用js以这种方式添加样式 -
document.getElementById('#div1').style += "padding-top:40px";
使用setAttribute()
覆盖并在属性上添加新值。
var div = document.getElementById('div1');
// div.setAttribute('property', 'value');
div.setAttribute("style", "color: green; align:center;");
您可以尝试这样的事情,例如:
$("#div1").css("property",'value');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.