ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで文章を反転する方法

JavaScriptで文章を反転する方法

青灯夜游
リリース: 2021-10-18 15:24:58
オリジナル
2055 人が閲覧しました

方法: 1. "Element.innerText" ステートメントを使用して、反転する必要があるテキストを取得します。 2. "Text.split('').reverse().join('') を使用します。 " ステートメントでテキスト Reverse を取得します。 2. "element.innerText=reverse text" ステートメントを使用して、表示用にラベル要素に反転テキストを書き込みます。

JavaScriptで文章を反転する方法

このチュートリアルの動作環境: 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(&#39;&#39;).reverse().join(&#39;&#39;);
	}
</script>
ログイン後にコピー

レンダリング:

JavaScriptで文章を反転する方法

[推奨学習: JavaScript高度なチュートリアル]

以上がJavaScriptで文章を反転する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート