Question

我加载一个站点，使用jQuery脚本在页面加载时获取标题的背景颜色（由 $（document）.ready（function（global））提示，并且想要将此值输入到表的背景样式属性中。

＆＃xA;＆＃xA;

表的属性当前使用＆lt; style＆gt; / ＆lt; / style＆gt; 标签，它在脚本获得所需值之前运行。因此，存储的颜色变量无法输入＆lt; style＆gt; 标签，因为运行＆lt; style＆gt; 标记后运行＆lt; script＆gt; 。

＆＃xA;＆＃xA;

问题是如何在＆lt; script＆gt; 运行后，我可以获得一部分代码来运行＆lt; style＆gt; 标签，以便我可以将存储的变量输入到标签中。< ＆p>＆＃xA;＆＃xA;

我知道这看起来有些落后，但我正在处理的应用程序有非常严格的参数，并且必须在loadin之后定义颜色变量G。由于它们存储在临时缓存文件中，因此无法对颜色进行后端编码，因此我仅限于我所描述的情况。

＆＃xA;

Answer 1

您不使用jQuery 更改样式表，您可以使用它以与样式表相同的方式与DOM进行交互。

您使用 .style property 对样式进行了更改。

以下示例显示使用.backgroundColor更改背景：

var headerColour = document.getElementById('header').style.backgroundColor;
var element = document.getElementById('element');
element.style.backgroundColor = headerColour;

#element {
  height: 100px;
  width: 100px;
  background: red;
}

<div id="header" style="background-color: green"></div>
<div id="element"></div>

请注意，CSS表示正方形应为红色，但JavaScript表示正方形应为绿色。结果变成了绿色。通过JavaScript完成样式将在通过CSS应用样式后自动应用（如上所示）。

希望这有帮助！：）

在jQuery脚本之后更改<style>

1 个答案: