更新元素，带有选择选项

Question

我正在创建一个窗体，其中包含色轮和文本颜色选择。

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

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

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

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

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

干杯

Answer 1

关于行：*创建DIV，改变预览DIV的背景色和文本颜色为每个图像。 *

在原始的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);