Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk membalikkan ayat dalam javascript

Bagaimana untuk membalikkan ayat dalam javascript

青灯夜游
青灯夜游asal
2021-10-18 15:24:582003semak imbas

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.

Bagaimana untuk membalikkan ayat dalam javascript

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:

Bagaimana untuk membalikkan ayat dalam javascript

[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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn