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(&#39;&#39;).reverse().join(&#39;&#39;);
	}
</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!