Rumah > Artikel > hujung hadapan web > Bagaimana untuk membalikkan ayat dalam javascript
Kaedah: 1. Gunakan pernyataan "Element.innerText" untuk mendapatkan teks yang perlu diterbalikkan; 2. Gunakan "Text.split('').reverse().join('') " pernyataan untuk mendapatkan teks Songsang; 2. Gunakan pernyataan "element.innerText=reverse text" untuk menulis teks terbalik ke dalam elemen label untuk paparan.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.
Javascript melaksanakan pembalikan ayat
Idea pelaksanaan:
Pertama, dapatkan kandungan ayat .
Oleh kerana anda hanya memerlukan kandungan teks, anda boleh menggunakan atribut innerText; ia akan mendapat semua teks dalam teg (dan sub-tagnya), tetapi bukan teg (atau anda boleh menapis semua teg) . Jika terdapat berbilang ruang atau baris baharu, ia akan dihuraikan sebagai satu ruang.
Kemudian kandungan teks yang diperolehi diterbalikkan, dan pernyataan str.split('').reverse().join('')
boleh digunakan.
Akhir sekali, gunakan atribut innerText untuk menulis semula kandungan teks terbalik ke dalam elemen label dan memaparkannya.
Kod pelaksanaan:
<div id="demo1">欢迎来到PHP中文网!</div><br> <input type="button" value="点击按钮反转文字" id="btn"/><br><br> <div id="demo2"></div> <script type="text/javascript"> document.getElementById("btn").onclick=function(){ var div1=document.getElementById("demo1"); var div2=document.getElementById("demo2"); var text=div1.innerText; div2.innerText=text.split('').reverse().join(''); } </script>
Rendering:
[Pembelajaran yang disyorkan: Tutorial lanjutan JavaScript】
Atas ialah kandungan terperinci Bagaimana untuk membalikkan ayat dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!