ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptで文章を反転する方法
JavaScriptで文章を反転する方法
- 青灯夜游オリジナル
- 2021-10-18 15:24:582043ブラウズ
方法: 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 サイトの他の関連記事を参照してください。