Question

假设有这个标签：

＆＃xA;＆＃xA;

  var variabile_colore =“＃efdcdc”;＆＃xA;

＆＃xA ;＆＃xA;

我需要在变量中添加一个变量（我认为这样的东西但不起作用）：

＆＃xA;＆＃xA;

 ＆lt; style＆gt ; .foot {color：variabile_colore;}＆lt; / style＆gt;＆＃xA;

＆＃xA;＆＃xA;

任何人都可以帮助我？

＆＃xA;

Answer 1

我认为你需要强有力地应用颜色属性。

请尝试以下操作。

var variabile_colore = "#efdcdc !important";
$('.foot').css('color', variabile_colore);

Answer 2

您可以通过在样式标记上创建id来使用javascript的DOM对象，而不是这样：

document.getelementbyId('styleid').style.color = "#efdcdc";

Answer 3

您可以使用style创建动态createElement代码并将其附加到DOM

$('#btn').on('click', function() {
  var sheet = document.createElement('style');
  var color = 'red';
  sheet.innerHTML = "p {color:" + color + "}";
  document.body.appendChild(sheet);
})

p {
  color: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>Hello p tag</p>
<button id='btn'>Change</button>

Answer 4

使用jQuery： -

$('.foot').css('color', variabile_colore);

Answer 5

我需要在变量中加一个变量（我觉得这样的东西，但它不行）：

不确定它究竟是什么意思你的意思是使用js创建一个style标签并在其中加入声明吗？

如果是，那么

var css= '.foot {color: "#efdcdc";}',
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');
    style.type = 'text/css';
    if (style.styleSheet){
       style.styleSheet.cssText = css;
    } else {
      style.appendChild(document.createTextNode(css));
    }
    head.appendChild(style);

如果样式表中已存在样式

$("#elementId").addClass('foot');

如果要添加内联css

$('.foot').css('color', variabile_colore);

Answer 6

这有助于你：

<body>
       <div class="foot" id="foot">Sample Text</div>
      <script>
          var variabile_colore="#efdcdc";
          var x = document.getElementById("foot");
          x.style.color = variabile_colore;   
       </script>
</body>

Answer 7

因为对我而言，您似乎尝试从JavaScript生成css类。请查看此answer。

这里适应你的情况（未经测试）：

var variabile_colore="#efdcdc";

$("<style type='text/css'> .foot{ color:" +  variabile_colore + 
               "; } </style>" ).appendTo("head");

我需要在一个<style>标签中放一个变量

7 个答案: