以前从来没有想到还可以把textarea的内容显示的各式各样,以为只能显示单一颜色的文字.今天在经典论坛看到一贴,顿时惊喜,利用一些js可以实现textarea显示各式各样的效果.
主要思想
通过动态创建一个div并将要显示的内容放到这个div中,然后把它添加未textarea的一个子结点即可.代码如下:
<center>
<textarea id="tx" style="width:534;height:188;"></textarea>
<script type="text/javascript">
var d1=document.createElement("div");
d1.style.color="blue";
d1.innerHTML="<font size=5px face=华文行楷>像我这样，保持微笑，你就会发现：困难不再成为困难。</font><button style=padding-top:3px;font-size:12px;font-family:华文彩云;background-color:#11FF00>爱的声音传得很远, 讲述她伤心的昨天..</button>"
document.getElementById("tx").appendChild(d1);
var d2=document.createElement("div");
d2.style.color="red";
d2.innerHTML="<font size=8px face=隶书>测试红色字体</font><img src=http://www.blueidea.com/articleimg/usericon/sheneyan.gif>"
document.getElementById("tx").appendChild(d2);
</script>