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

Posted 2023-02-23

【中文标题】从数据库获取颜色到 DIV 背景

【英文标题】：Getting colour from database to DIV background

【发布时间】：2013-08-09 22:43:34

【问题描述】：

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

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

【问题讨论】：

这是一个质量非常低的问题。您是否真的在互联网上搜索过通过后面的代码设置值？

也许你应该先阅读这篇文章：***.com/help/how-to-ask

【参考方案1】：

我们确实需要更多关于您想要实现的目标以及如何实现目标的信息。详情！

---

这取决于您要如何/何时填写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 在准备好后添加该类。

【参考方案2】：

试试这个::

<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);

【参考方案3】：

这取决于你如何将它保存在数据库中：

6字串（HEX码）易读易写 作为整数（使用 3 个字节对 0 到 255 之间的 RGB 量进行编码），编码和解码更加困难 作为字节数组，RGB 数量更易于编码和解码 许多其他方式..

【参考方案4】：

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

【参考方案5】：

您可以简单地通过 Javascript 来完成。

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

或通过 JQuery

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

您需要将数据库中的值拉到页面上并找到它的值并分配它

【讨论】：

我的事情 OP 也在询问如何从数据库中提取数据并将其设置到页面。