以前从来没有想到还可以把textarea的内容显示的各式各样,以为只能显示单一颜色的文字.今天在经典论坛看到一贴,顿时惊喜,利用一些js可以实现textarea显示各式各样的效果.
主要思想 通过动态创建一个div并将要显示的内容放到这个div中,然后把它添加未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 >
< 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 >