使用 JS 将样式附加到 div答案

【问题标题】：Append style to div with JS使用 JS 将样式附加到 div
【发布时间】：2017-12-20 13:53:01
【问题描述】：

我正在尝试使用 JS 将样式附加到 DIV，但由于某种原因我没有成功。也许我做错了什么。这是我的代码

document.getElementById("umnip").style("width", "70%");

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="progress">
    <div id="umnip" class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">
      <span class="sr-only">70% Complete</span>
    </div>
  </div>

知道我做错了什么吗？

【问题讨论】：

style 是 Node 的属性，而不是函数。试试document.getElementById("umnip").style.width = "70%";
Javascript change Div style的可能重复
你需要使用HTMLElement.style属性查看这个帖子stackoverflow.com/a/5195329/4203289

标签： javascript styles

【解决方案1】：

我修好了。首先，我没有触发我希望执行代码的功能......错误的逻辑。其次，这是成功的 js。

var el = document.getElementById('umnip');
el.setAttribute('style', 'width:70%;');

我确信这很简单……只是需要一些指示。谢谢。

【讨论】：

【解决方案2】：

IMO 这是更好的方法。我在其他帖子中发现了其中一些，但这个在谷歌搜索中首先出现。

这部分适用于标准 JavaScript。我很确定您可以使用它来删除所有样式以及添加/覆盖。

    var div = document.createElement('div');
    div.style.cssText = "border-radius: 6px 6px 6px 6px; height: 250px; width: 600px";

这仅适用于 jQuery

    $("#" + TDDeviceTicketID).attr("style", "padding: 10px;");
    $("#" + TDDeviceTicketID).attr("class", "roundbox1");

    This works for removing it JQUERY
    $("#" + TDDeviceTicketID).removeAttr("style");
    $("#" + TDDeviceTicketID).removeAttr("class");

【讨论】：