覆盖“左”'使用Jquery或Javascript的样式值

时间:2016-11-16 14:29:08

标签: javascript jquery

以下是我的DOM:

<div
    id="itemEditor"
    class="quoteItemEditorView partType_MATERIAL editMode selectorEnabled" 
    style="left: -1px; right: 0px; width: auto; min-width: 480px; display: block;"
>

我可以检索元素并替换“左”字母。但值得证明这很困难。我试过通过jquery和javascript通过以下方法做到这一点,但它不会超过。

$("#itemEditor").css('style','left','400px !important');

document.getElementById("itemEditor").style.left="400px !important";

$("#itemEditor").css('style','left','400px');

document.getElementById("itemEditor").style.left="400px";

任何建议

4 个答案:

答案 0 :(得分:1)

你应该使用jQuery&#39; css()方法:

这样做
$("#itemEditor").css('left','400px');
  

jQuery css()获取第一个元素的计算样式属性的值   匹配元素的集合或设置一个或多个CSS属性   每个匹配的元素。

希望这有帮助!

答案 1 :(得分:1)

只需使用:

$("#itemEditor").css("left","400px");

不需要&#34;风格&#34;和&#34;!important&#34;。

答案 2 :(得分:1)

我不确定为什么Saumya的答案得到了提升,因为它不会起作用。您无法将!important.css()一起使用,但无论如何您都不需要它,因为jQuery的.css()函数将CSS内联。以下就足够了:

$("#itemEditor").css('left','400px');

您应该不惜一切代价避免使用!important

<强> jsFiddle example

答案 3 :(得分:0)

您可能需要将位置设置为绝对/相对:

 document.getElementById("itemEditor").style.position="relative";