javascript怎麼實現句子反轉

方法：1、用「元素.innerText」語句取得需要反轉的文字；2、用「文字.split('').reverse().join('')」語句將文字進行反轉；2、以「元素.innerText=反轉文字」語句將反轉後的文字寫入標籤元素中顯示。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

javascript實作句子反轉

實作想法：

• 首先要取得到句子內容。

  因為只需要文本內容，可以使用innerText屬性；它會取得標籤(及其子標籤)中的所有文本，不會取得標籤（或說可以過濾掉所有的標籤）。如果有多個空格或是換行，解析為一個空格。

• 然後取得到的文字內容反轉，可以利用str.split('').reverse().join('')語句。

• 最後使用innerText屬性將反轉好的文字內容重新寫入標籤元素中，進行顯示即可。
  

實作程式碼：

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

效果圖：

##【推薦學習：

javascript高階教學】

以上是javascript怎麼實現句子反轉的詳細內容。更多資訊請關注PHP中文網其他相關文章！