JavaScriptで上付き文字として表示される文字列を変更するにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScriptで上付き文字として表示される文字列を変更するにはどうすればよいですか?

WBOY

リリース： 2023-08-30 14:45:11

転載

1393 人が閲覧しました

如何使用 JavaScript 更改要显示为上标的字符串？

このチュートリアルでは、JavaScript を使用して上付き文字として表示される文字列を変更する方法を学習します。名前が示すように、上付き文字列は通常の文字列の半分の高さで表示されます。また、上付き文字列の文字は通常の文字列よりも小さくなります。

文字列の上付きは、数式を記述するときに多くの用途があります。たとえば、A²、B²、10⁵ などです。さらに、O ₂²-、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( ）方法。 < /p>}

構文

ユーザーは、次の構文に従って JavaScript string.sup() メソッドを使用できます。

let str = "5";
let output = "10" + string.sup(); // returns 105
let output = "x" + "2".sup(); // returns x2

ログイン後にコピー

戻り値

string.sup() メソッドは、^{HTML タグ内の文字列を返します。}

<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>

ログイン後にコピー

このチュートリアルでは、文字列を上付き文字としてレンダリングする方法について学びました。これは HTML が提供する非常に便利な機能です。ユーザーは、HTML タグを使用して文字列を上付き文字として直接表示することも、JavaScript の string.sup() メソッドを使用することもできます。super() メソッドも返すため、問題はありません。同じ値 ^{タグに文字列を埋め込むことによって。}

以上がJavaScriptで上付き文字として表示される文字列を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。