Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将文本字段元素添加到div';s风格_Javascript_Jquery_Html_Css_Styling - Fatal编程技术网

Javascript 将文本字段元素添加到div';s风格

Javascript 将文本字段元素添加到div';s风格,javascript,jquery,html,css,styling,Javascript,Jquery,Html,Css,Styling,我想将文本字段中的文本添加到另一个div的style属性中 例如,页面上有一个输入: <input id="text" /> <div id="div1" stlye="background:"></div> 我如何使用JavaScript来实现这一点呢 $('#text').keyup(function () { $("#div1").css('background', $('#text').val()); }); $('#inp').keyu

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

例如,页面上有一个输入:

<input id="text" />
<div id="div1" stlye="background:"></div>
我如何使用JavaScript来实现这一点呢

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

随变

我建议使用jQuery
on
功能:

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

此外,使用相同的选择器而不是
是不切实际的。

感谢您的回复。是的,我知道如何更改div的内部HTML,我只是想更改该div的style属性:)Nice@Adosi,这很好用。我也会接受这个答案
$('#text').on('keyup', function () {
    $("#div1").css('background', $(this).val());
});