Contoh artikel ini menggambarkan cara menyinkronkan konten konten kotak teks di kotak teks input JS di lapisan div di kotak teks. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" />
<title> Masukkan teks ke dalam kotak teks, dan menyinkronkan konten kotak teks di lapisan Div pada halaman </title>
<tyle>
textarea {width: 300px; tinggi: 150px; Perbatasan: 1px solid #ccc; font-size: 12px; Warna:#000;}
p {padding-left: 30px; Text-Indent: -30px; Lebar: 270px; Tinggi: 250px; Perbatasan: 1px Solid #900; margin-top: 50px; font-size: 12px; Warna:#F00; Line-Height: 21px; Overflow: Tersembunyi}
</tyle>
<type skrip = "Teks/JavaScript">
fungsi swaptxt ()
{
var txt = document.geteLementById ("eml"). value;
document.geteLementById ("lyny"). innerHtml = txt;
}
</script>
</head>
<body>
<TextAreA Name = "" cols = "" bingkai = "" id = "eml" onkeyup = "swaptxt ()"> </textarea>
<p id = "lyny"> Kode Home Kode: Harap masukkan teks di kotak teks di atas, seperti www.vevb.com </p>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.