设置CSS属性在JavaScript?

我已经创建了以下…

var menu = document.createElement('select');

我现在如何设置CSS属性，如宽度:100px?

当前回答

只需设置样式:

var menu = document.createElement("select");
menu.style.width = "100px";

或者如果你喜欢，你可以使用jQuery:

$(menu).css("width", "100px");

2011-03-04 14:57:51

其他回答

这其实用JavaScript很简单:

menu.style.width = "100px";

2011-03-04 14:57:50

使用element.style:

var element = document.createElement('select');
element.style.width = "100px";

2011-03-04 14:57:34

<body>
  <h1 id="h1">Silence and Smile</h1><br />
  <h3 id="h3">Silence and Smile</h3>

  <script type="text/javascript">
    document.getElementById("h1").style.color = "Red";
    document.getElementById("h1").style.background = "Green";
    document.getElementById("h3").style.fontSize = "larger" ; 
    document.getElementById("h3").style.fontFamily = "Arial";
  </script>
</body>

2013-06-28 21:30:38

所有的答案都正确地告诉你如何做你问的事情，但我建议使用JavaScript在元素上设置一个类，并使用CSS设置它的样式。这样你就能正确区分行为和风格。

想象一下，如果你有一个设计师重新设计网站的风格……他们应该能够完全在CSS工作，而不必与你的JavaScript工作。

在原型中我会这样做:

$(newElement).addClassName('blah')

2011-03-04 15:05:09

当调试时，我喜欢能够在一行中添加一堆css属性:

menu.style.cssText = 'width: 100px';

习惯了这种风格，你可以在一行中添加一堆css，像这样:

menu.style.cssText = 'width: 100px; height: 100px; background: #afafaf';

2016-11-14 02:24:56

设置CSS属性在JavaScript?

推荐文章

最新文章

标签