يوضح مثال المقالة كيفية مزامنة محتوى محتوى مربع النص في مربع نص إدخال JS في طبقة DIV في مربع النص. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = gb2312" />
<title> أدخل النص في مربع النص ، وقم بمزامنة محتوى مربع النص في طبقة DIV على الصفحة </title>
<style>
Textarea {العرض: 300px ؛ الارتفاع: 150px ؛ الحدود: 1px الصلبة #CCC ؛ حجم الخط: 12 بكسل ؛ اللون:#000 ؛}
P {padding-left: 30px ؛ استقلاب النص: -30px ؛ العرض: 270 بكسل ؛ الارتفاع: 250 بكسل ؛ الحدود: 1 بكسل الصلبة #900 ؛ الهامش: 50 بكسل ؛ حجم الخط: 12 بكسل ؛ اللون:#F00 ؛ خط الارتفاع: 21px ؛ الفائض: مخفي}
</style>
<script type = "text/javaScript">
وظيفة swaptxt ()
{
var txt = document.getElementById ("eml"). القيمة ؛
document.getElementById ("lyny"). innerhtml = txt ؛
}
</script>
</head>
<body>
<textarea name = "" cols = "" rows = "" id = "eml" onKeyup = "Swaptxt ()"> </textarea>
<p id = "lyny"> رمز النصائح الرئيسية: الرجاء إدخال النص في مربع النص أعلاه ، مثل www.vevb.com </p>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.