如何清空javascript填充的div标记

我有一个脚本，用户在输入框中输入文本，当他们在下面的div（#Output）中键入文本时，它会以不同的字体显示文本

我的问题是，如果用户删除了输入框中的文本，填充的div标记留下了所有非动态数据，那么当输入中没有任何内容时，我如何才能完全清空div（在本例中为#输出）

$（文档）.ready（函数（）{
$（“#UpdateText”）.keyup（函数（）{
//获取textarea的当前值
var currentText=$（this.val（）；
//设置字体变量
var text=“”；
var i；
对于（i=1；i<30；i++）{
//设置Div内容的字体
text+=“Font-”+i+”：“+currentText+”；
}
$（'#Output'）.html（文本）；
});
});
在此处输入您想要的文本，然后选择您的字体

最快，无需任何其他更改：

 $('#Output').html(currentText ? text : "");

$（文档）.ready（函数（）{
$（“#UpdateText”）.keyup（函数（）{
//获取textarea的当前值
var currentText=$（this.val（）；
//设置字体变量
var text=“”；
var i；
对于（i=1；i<30；i++）{
//设置Div内容的字体
text+=“Font-”+i+”：“+currentText+”；
}
$（'#Output'）.html（currentText？text:）；
});
});

在此处输入您想要的文本，然后选择您的字体






最快，无需任何其他更改：

 $('#Output').html(currentText ? text : "");


$（文档）.ready（函数（）{
$（“#UpdateText”）.keyup（函数（）{
//获取textarea的当前值
var currentText=$（this.val（）；
//设置字体变量
var text=“”；
var i；
对于（i=1；i<30；i++）{
//设置Div内容的字体
text+=“Font-”+i+”：“+currentText+”；
}
$（'#Output'）.html（currentText？text:）；
});
});

在此处输入您想要的文本，然后选择您的字体






如果您正试图实现这一目标，请尝试运行下面的代码段


$（文档）.ready（函数（）{
$（“#UpdateText”）.keyup（函数（）{
//始终初始化显示
$（'#Output'）.html（''）；
//获取textarea的当前值
var currentText=$（this.val（）；
//设置字体变量
//检查文本框是否为空（删除前导和尾随空格），如果为空，将阻止30次迭代循环
如果（currentText.trim（）！=“”）{
var text=“”；
对于（i=1；i<30；i++）{
//设置Div内容的字体
text+=“Font-”+i+”：“+currentText+”；
}
$（'#Output'）.html（文本）；
}
});
});

在此处输入您想要的文本，然后选择您的字体






如果您正试图实现这一目标，请尝试运行下面的代码段


$（文档）.ready（函数（）{
$（“#UpdateText”）.keyup（函数（）{
//始终初始化显示
$（'#Output'）.html（''）；
//获取textarea的当前值
var currentText=$（this.val（）；
//设置字体变量
//检查文本框是否为空（删除前导和尾随空格），如果为空，将阻止30次迭代循环
如果（currentText.trim（）！=“”）{
var text=“”；
对于（i=1；i<30；i++）{
//设置Div内容的字体
text+=“Font-”+i+”：“+currentText+”；
}
$（'#Output'）.html（文本）；
}
});
});

在此处输入您想要的文本，然后选择您的字体






虽然迭代仍在进行，但这确实是一个快速的解决方案，太棒了@kapitan请看更新我猜这就是pro的做法，整洁！[+1]感谢您的快速回复，我选择了第一个解决方案，因为我已经在使用jquery来处理其他事情了，它工作得非常好，谢谢you@dragon_sa第二个也是jQuery:）只是地图是ES6JavaScript——所有更新的浏览器都支持它，尽管迭代仍在进行，但这确实是一个快速的解决方案，太棒了@kapitan请看更新我猜这就是pro的做法，整洁！[+1]感谢您的快速回复，我选择了第一个解决方案，因为我已经在使用jquery来处理其他事情了，它工作得非常好，谢谢you@dragon_sa第二个也是jQuery:）只是地图是ES6JavaScript——所有更新的浏览器都支持它