Question

感谢您抽出宝贵时间阅读我的小问题！所以我想要做的就是这个，我目前正在制作一个JSON对象，它包含我对某些元素的所有样式。我将所有样式放在JSON文件中的原因是我希望它能够轻松实现新的自定义＆＃34;米＆＃34;每个人都有自己独特的造型。

在这里你可以看到我的JSON Obj和试图从JSON Obj设置密钥的javascript。

杰森奥比：

"meters": [{
         "jackpot": {
         "position": "fixed",
         "width": "400px",
         "heigt": "250px",
         "color": "white",
         }
      }, {
       "someothermeter": {
         "test": "fakeval"
      }
   }],

Javascript试图设置CSS属性+值：

//returns the newly created meter
  meter: function(options) {
     console.log("----------new elem----------");
     var elem = document.createElement("div");

     //Set styling options.
     for (var mtr in options) {
        if (options.hasOwnProperty(mtr)) {
           for (var name in options[mtr]) {
              if (options[mtr].hasOwnProperty(name)) {
                 var styleProperty = name.toString();
                 var styleValue = options[mtr][name].toString();

                 elem.style.styleProperty = styleValue;

                 console.log(styleProperty);
                 console.log(styleValue);
              }
           }
        }
     }
     return elem;
  },
  textbox: function() {

  },

感谢阅读，希望你能帮忙！

Answer 1

如果要以编程方式添加样式属性，请使用括号：

let position = 'position';
document.getElementById('div').style[position] = 'fixed'
console.log(document.getElementById('div').style.position);

要说明的代码段

＆＃13;

<div id='div'></div>

＆＃13;

{{1}}

＆＃13;

通过JS变量选择css属性，如elem.style.somestylingproperty

1 个答案: