为Html的textarea元素内容设置样式

最新推荐文章于 2024-07-17 22:31:47 发布

oooooooooooooaaa

最新推荐文章于 2024-07-17 22:31:47 发布

阅读量1.3w

点赞数

分类专栏： JAVA开发文章标签： html function div javascript

本文链接：https://blog.youkuaiyun.com/oooooooooooooaaa/article/details/4323587

版权

JAVA开发专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种在HTML中利用DIV元素替代TEXTAREA的方法，以此实现对输入文本应用颜色、加粗等样式效果。通过创建并插入包含内联样式的DIV元素到页面中，可以达到在表单中预览富文本的目的。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html元素中，我们在textarea元素中输入的内容，是没有样式的，如果想要输入的字体有颜色或者加粗，等等样式，如何实现呢？可以用div来实现，示例如下：

<textarea id="test"></textarea>
<script language="javascript">
var str="<font><b>abcde</b></font>";
txt=document.createElement('DIV');
txt.innerHTML=str;
test.appendChild(txt);
window.οnbefοreunlοad=function oLoad(){document.location.reload()}
</script>