将样式添加到JS

Question

我试图用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>

知道我做错了什么？

Answer 1

我修复了它。首先，我没有触发我希望执行代码的功能...错误的逻辑。其次，这是解决问题的JS。

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

我确定这很简单...只需要一些方向。谢谢。

Answer 2

imo这是更好的方法。我在其他帖子中找到了其中的一些，但首先出现在Google搜索中。

该部分适用于标准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");