ホームページ > 記事 > ウェブフロントエンド > JavaScriptで上付き文字として表示される文字列を変更するにはどうすればよいですか?
JavaScriptで上付き文字として表示される文字列を変更するにはどうすればよいですか?
- WBOY転載
- 2023-08-30 14:45:111322ブラウズ
このチュートリアルでは、JavaScript を使用して上付き文字として表示される文字列を変更する方法を学習します。名前が示すように、上付き文字列は通常の文字列の半分の高さで表示されます。また、上付き文字列の文字は通常の文字列よりも小さくなります。
文字列の上付きは、数式を記述するときに多くの用途があります。たとえば、A2、B2、105 などです。さらに、O 22-、H- などの上付き文字を使用して化学式を表すこともできます。
ここでは、ユーザーは HTML またはJavaScript の使い方を学ぶ 文字列は上付き文字として表示されます。
HTML のみを使用して文字列を下付き文字として表示する
このセクションでは、HTML タグを使用して文字列を上付き文字として表示する方法を学習します。ユーザーが HTML タグ内に記述した文字列は、通常の文字列の半分の高さの小さな文字で表示されます。
構文
ユーザーは、次の構文に従って、HTML のみを使用して文字列を上付き文字としてレンダリングできます。
<p> (10)<sup> 2</sup> </p> // output is (10)2
例
次の例では、HTML タグを使用して、いくつかの数式を正しい形式で表示します。
<html> <head> </head> <body> <h2> displayed string as a superscript using JavaScript. </h2> <h4> Various examples of superscript string using Row HTML. </h4> <p> A<sup>3 </sup> </p> <p> A<sup>2 </sup> + B<sup>2 </sup> + 2*A*B = (A+B)<sup>2 </sup> </p> </body> </html>
上記の出力では、ユーザーは HTML タグを使用して数式を記述する方法を確認できます。
HTMLとJavaScriptを使って文字列を添え字として表示する
ここではJavaScriptのstring.sup()メソッドについて学びます。これは、HTML タグに埋め込まれた文字列を返す組み込みライブラリ メソッドです。したがって、ユーザーが HTML に直接文字列を記述する必要がある場合は、上記の方法を使用できます。ユーザーが JavaScript を使用して文字列を生成し、それを HTML 本文に書き込む必要がある場合は、string.sup( ） 方法。 ユーザーは、次の構文に従って JavaScript string.sup() メソッドを使用できます。 string.sup() メソッドは、 HTML タグ内の文字列を返します。 このチュートリアルでは、文字列を上付き文字としてレンダリングする方法について学びました。これは HTML が提供する非常に便利な機能です。ユーザーは、HTML タグを使用して文字列を上付き文字として直接表示することも、JavaScript の string.sup() メソッドを使用することもできます。super() メソッドも返すため、問題はありません。同じ値 タグに文字列を埋め込むことによって。 構文
let str = "5";
let output = "10" + string.sup(); // returns 105
let output = "x" + "2".sup(); // returns x2
戻り値
<sup> string <sup>
例
<html>
<head>
</head>
<body>
<h2> displayed string as a superscript using JavaScript. </h2>
<div id = "superscript"> </div>
<div id = "deprecated"> <br>The String sup() method is deprecated. So use <i>sup</i> tag. <br></div>
</body>
<script>
var superscript = document.getElementById("superscript");
let string = "5";
let x = 10;
let result = x + string.sup() + " = " + Math.pow( 10, 5 ) + ". <br/>";
superscript.innerHTML = result;
result += "5" + "2".sup() + " = " + Math.pow( 5, 2 ) + ". <br/>";
superscript.innerHTML = result;
var str = "<sup>Demo Text</sup>";
deprecated.innerHTML += "<br>This is subscript" + str;
</script>
</html>
以上がJavaScriptで上付き文字として表示される文字列を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。