方法: 1. "Element.innerText" ステートメントを使用して、反転する必要があるテキストを取得します。 2. "Text.split('').reverse().join('') を使用します。 " ステートメントでテキスト Reverse を取得します。 2. "element.innerText=reverse text" ステートメントを使用して、表示用にラベル要素に反転テキストを書き込みます。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript は文の反転を実装します
実装アイデア:
まず、文の内容を取得します。
必要なのはテキスト コンテンツのみであるため、innerText 属性を使用できます。これにより、ラベル (およびそのサブラベル) 内のすべてのテキストが取得されますが、ラベルは取得されません (または、すべてのラベルをフィルターで除外することもできます)。 。複数のスペースまたは改行がある場合、1 つのスペースとして解析されます。
次に、取得したテキスト コンテンツを逆にするには、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高度なチュートリアル]
以上がJavaScriptで文章を反転する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。