방법: 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('').reverse().join(''); } </script>
렌더링:
[권장 학습: javascript 고급 튜토리얼]
위 내용은 자바스크립트에서 문장을 뒤집는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!