使用样式属性的对象设置element.style

盖尔

有没有办法做这样的事情:


    var my_element= document.createElement("div");
    my_element.style={
      position:"absolute",
      background:"red",
      ...
    }

代替:

my_element.style.position= "absolute";
my_element.style.background= "red";

或者

var my_properties={
      position:"absolute",
      background:"red",
      ...
}
for( var i in my_properties )
  my_element.style[i]= my_properties[i];
空白

使用 for...in

var my_element= document.createElement("div");
var elemStyle = my_element.style;
var my_properties={
      position:"absolute",
      background:"red",
      ...
}
for(var prop in my_properties) {
  elemStyle[prop] = my_properties[prop];
}

或者您也可以setAttribute追求风格。

var elemstyle = my_element.getAttribute("style");
my_element.setAttribute(
   "style", elemstyle+"font-size: 100px; font-style: italic; color:#ff0000;");

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用ng-style设置元素宽度%的样式

来自分类Dev

在 elements.style 属性中使用两种样式

来自分类Dev

Style对象不能影响其应用的对象的Style属性

来自分类Dev

为什么在ng-style中忽略了我的样式对象的某些属性?

来自分类Dev

使用React设置对象属性的样式

来自分类Dev

Select element with certain style?

来自分类Dev

Javascript:set element.style = element.style会破坏样式吗?

来自分类Dev

Javascript:set element.style = element.style会破坏样式吗?

来自分类Dev

如何使用style属性为Ext js xtype tabpanel应用样式?

来自分类Dev

在React style属性中使用道具

来自分类Dev

在 react 中使用多个 Style 属性

来自分类Dev

Xamarin Android Style Xml属性

来自分类Dev

获取 html 标签的 style 属性

来自分类Dev

如何删除 element.style

来自分类Dev

使用jQuery获取CSS背景图片(使用html属性'style'设置)

来自分类Dev

在带有ng-repeat的li标签上设置ng-style / style属性

来自分类Dev

使用CKEDITOR.style.addCustomHandler修改格式插件样式

来自分类Dev

如何在代码中设置ListBox控件的Style属性

来自分类Dev

如何在 JavaScript 中设置元素的 style.top 属性?

来自分类Dev

设置 style.left 属性时图像不移动

来自分类Dev

CSS代码是否初始化DOM对象的.style属性?

来自分类Dev

如何在属性“ style.backgroundcolor”之前引用对象?

来自分类Dev

调用CSS属性[例如:element.style.padding]

来自分类Dev

jsFiddle中的空白element.style.width属性

来自分类Dev

在TinyMCE中使用<style>标签

来自分类Dev

在angularJS中使用ng-style而不是style时出错

来自分类Dev

更改<style>的innerHTML以添加新的样式行?

来自分类Dev

更改<style>的innerHTML以添加新的样式行?

来自分类Dev

v-bind:style 样式数组

Related 相关文章

  1. 1

    如何使用ng-style设置元素宽度%的样式

  2. 2

    在 elements.style 属性中使用两种样式

  3. 3

    Style对象不能影响其应用的对象的Style属性

  4. 4

    为什么在ng-style中忽略了我的样式对象的某些属性?

  5. 5

    使用React设置对象属性的样式

  6. 6

    Select element with certain style?

  7. 7

    Javascript:set element.style = element.style会破坏样式吗?

  8. 8

    Javascript:set element.style = element.style会破坏样式吗?

  9. 9

    如何使用style属性为Ext js xtype tabpanel应用样式?

  10. 10

    在React style属性中使用道具

  11. 11

    在 react 中使用多个 Style 属性

  12. 12

    Xamarin Android Style Xml属性

  13. 13

    获取 html 标签的 style 属性

  14. 14

    如何删除 element.style

  15. 15

    使用jQuery获取CSS背景图片(使用html属性'style'设置)

  16. 16

    在带有ng-repeat的li标签上设置ng-style / style属性

  17. 17

    使用CKEDITOR.style.addCustomHandler修改格式插件样式

  18. 18

    如何在代码中设置ListBox控件的Style属性

  19. 19

    如何在 JavaScript 中设置元素的 style.top 属性?

  20. 20

    设置 style.left 属性时图像不移动

  21. 21

    CSS代码是否初始化DOM对象的.style属性?

  22. 22

    如何在属性“ style.backgroundcolor”之前引用对象?

  23. 23

    调用CSS属性[例如:element.style.padding]

  24. 24

    jsFiddle中的空白element.style.width属性

  25. 25

    在TinyMCE中使用<style>标签

  26. 26

    在angularJS中使用ng-style而不是style时出错

  27. 27

    更改<style>的innerHTML以添加新的样式行?

  28. 28

    更改<style>的innerHTML以添加新的样式行?

  29. 29

    v-bind:style 样式数组

热门标签

归档