Question

我正在从存储在数据库中的表中检索颜色代码。

如何根据该颜色代码设置div的背景颜色？

Answer 1

你可以通过Javascript完成。

document.getElementsByClassName('DivName')[0].style.backgroundColor = "Your Color;

或通过JQuery

$('#element').css('background-color','');

您需要将DB中的值拉到页面上并找到其值并分配

Answer 2

我不确定你的意思。如果您的意思是在服务器端，或者客户端使用JS，如果您只是设置背景或从数据库获取颜色。请更具体一点。

Answer 3

这取决于你如何在DB中保存它：

6字符串（HEX代码）易于读写
作为整数（使用3个字节来编码RGB数量在0到255之间），更难以编码和解码
作为字节数组，RGB数量更容易编码和解码
许多其他方式..

Answer 4

试试这个::

<div id="div_Name" runat="server"></div>

中的代码

string color=ds.Tables[0].Rows[0]["color"].ToString();//your color string
div_Name.Style.Add("background-color", color);

Answer 5

我们确实需要有关您要实现的目标的更多信息以及您正在努力实现的目标。详细资料！

这取决于您希望填充div的方式/时间。如果您希望在页面加载时填充div，最简单的方法是使用PHP：

<div id="somediv" style="background-color:<?php
    // some database queries that output to $outputcolour
    $outputcolour = "#FF0000"; // this colour retrieved from database
    echo $outputcolour;
?>"></div>

如果您不确定如何使用PHP连接数据库，请参阅this tutorial。您需要使用 WHERE 子句查询数据库以获取所需的颜色值，然后回显返回的值（如上面的脚本所示）。

如果您希望在用户单击某个按钮或类似内容时填充div，您可以考虑使用AJAX代替，或让PHP将该值回显到CSS中的特定类然后使用JavaScript或jQuery在准备好时添加该类。

从数据库获取颜色到DIV背景

5 个答案: