js实现文本框中输入文字页面中div层同步获取文本框内容的方法
本文实例讲述了js实现文本框中输入文字页面中div层同步获取文本框内容的方法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>文本框中输入文字，页面中div层同步获取文本框内容</title>
<style>
textarea{width:300px;height:150px;border:1pxsolid#CCC;font-size:12px;color:#000;}
p{padding-left:30px;text-indent:-30px;width:270px;height:250px;border:1pxsolid#900;margin-top:50px;font-size:12px;color:#F00;line-height:21px;overflow:hidden}
</style>
<scripttype="text/javascript">
functionSwapTxt()
{
vartxt=document.getElementById("eml").value;
document.getElementById("lyny").innerHTML=txt;
}
</script>
</head>
<body>
<textareaname=""cols=""rows=""class="loe_hk10"id="eml"onkeyup="SwapTxt()"></textarea>
<pid="lyny">代码家园提示：请在上面的文本框中输入文字，如www.nhooo.com</p>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。