>웹 프론트엔드 >JS 튜토리얼 >자바스크립트에서 문장을 뒤집는 방법

자바스크립트에서 문장을 뒤집는 방법

青灯夜游
青灯夜游원래의
2021-10-18 15:24:582045검색

방법: 1. "element.innerText" 문을 사용하여 되돌려야 하는 텍스트를 얻습니다. 2. "text.split('').reverse().join('')" 문을 사용하여 되돌립니다. 2. , "element.innerText=reverse text" 문을 사용하여 반전된 텍스트를 표시할 레이블 요소에 씁니다.

자바스크립트에서 문장을 뒤집는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

문장 반전을 구현하는 javascript

구현 아이디어:

  • 먼저 문장 내용을 가져옵니다.

    텍스트 콘텐츠만 필요하기 때문에 innerText 속성을 사용할 수 있습니다. 그러면 라벨(및 해당 하위 라벨)의 모든 텍스트를 가져오지만 라벨은 가져오지 않습니다(또는 모든 라벨을 필터링할 수 있습니다). 공백이나 줄 바꿈이 여러 개 있으면 하나의 공백으로 구문 분석됩니다.

  • 그러면 얻은 텍스트 내용이 반전되고 str.split('').reverse().join('') 문을 사용할 수 있습니다.

  • 마지막으로 innerText 속성을 사용하여 반전된 텍스트 내용을 label 요소에 다시 작성하고 표시합니다.

구현 코드:

<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 고급 튜토리얼]

위 내용은 자바스크립트에서 문장을 뒤집는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.