javascript - 将文本字段元素添加到 div 的样式

Question

我想将文本字段中的文本添加到另一个 div 的样式属性中。

比如页面上有一个输入:

<input id="text" />

和页面上的一个div:

<div id="div1" stlye="background:"></div>

我希望用户在 text_field 中输入的内容以该 div 的样式显示。因此，如果用户键入字符串 #FF0000，那么我希望(实时)将 div 的样式属性更改为

<div id="div1" style="background:#FF0000"></div>

我怎样才能用 JavaScript 完成这个

Answer 1

$('#text').keyup(function () {
    $("#div1").css('background', $('#text').val());
});