更新元素，具有选择选项

Question

我正在创建一个带有色轮和文本颜色选择的表单。

基本上，我们有一个将在元素（div）容器中动态加载的徽标。

色轮将创建bg颜色 单选按钮允许选择文本颜色。

任何js大师，知道如何创建js来创建div，它根据图像改变预览div的bg颜色和文本颜色。

非常基本的例子（图片路径已更改）但有效。 http://www.jsfiddle.net/QZuA5/ 基本上它是预览div，我想创建。我们可以使用绝对定位动态放置徽标。

所以基本上它是用于创建div占位符bg颜色和字体文本颜色的js，它将在我们提交表单时解析valuse。

干杯

Answer 1

关于这一行：*创建div，它根据图像改变预览div的bg颜色和文本颜色。 *

在原始Javascript中，您可以动态创建这样的div：

var div = document.createElement("DIV");

您可以使用div属性访问.style的样式，以便随时更改您需要的所有内容：

div.backgroundColor = "#123456";
div.style.color = "green";

div.style.height = "100px";

然后，您可以使用div方法将.appendChild附加到任意位置：

document.appendChild(div);

或

document.getElementById('anotherElement').appendChild(div);