在TextArea中可以包含任何对象的实现方法

发布时间：2018-08-30 18:59 所属栏目：30 来源：站长网

导读：TextArea就是文本区域，一直都被认为是只可以包含纯文本的，我发现一种方法可以实现用它包含任何对象(包括表格和图片)。用TextArea对象的canHaveChildren属性得知它可以包含子对象，我们只需要将要显示的HTML放在DIV(或SPAN)中，再用TextArea的appendChil

　　TextArea就是文本区域，一直都被认为是只可以包含纯文本的，我发现一种方法可以实现用它包含任何对象(包括表格和图片)。

　　用TextArea对象的canHaveChildren属性得知它可以包含子对象，我们只需要将要显示的HTML放在DIV(或SPAN)中，再用TextArea的appendChild方法把这个DIV添加为TextArea的子对象，这想就可以在TextArea中显示DIV中的所有效果了。

　　源码：

<div id="aaa"> <font color="#0066FF" size="5">这是</font><font size="5"><i>在</i><font color="#FF0000" size="6"><b>TextArea</b></font>中<font face="Arial, Helvetica, sans-serif">插入</font><font color="#0000FF">HTML</font>、<font color="#0000FF">图片</font>和<font color="#0000FF">表格</font>的<font color="#FF00FF"><i>效果</i></font></font> <br> <b><font color="#FF0000">还可以改变图片和表格的大小</font></b> <br><img src="http://www.veryhuo.com/liehuo.net/images/liehuo2009/logo.gif"> <table width="292" border="1" cellspacing="0" cellpadding="0"> <tr bgcolor="#CCCCFF"> <td width="63"> </td> <td width="147"> </td> </tr> <tr> <td> </td> <td>表格里也<b><font color="#FF0000">可以</font></b>打字</td> </tr> </table> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>在TextArea中可以包含任何对象的实现方法-liehuo.net</title> </head><body> <textarea id="editor" name="textarea" cols="80" rows="15" onSelect=""></textarea> <br> <br> <script language="<b>Java</b>Script"> Obj = document.getElementById("aaa"); editor.appendChild(Obj); </script></body> </html><br /><center>注意：本效果刷新后失效。请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）