Comment puis-je modifier la chaîne à afficher en exposant à l'aide de JavaScript ?-js tutoriel-php.cn

Comment puis-je modifier la chaîne à afficher en exposant à l'aide de JavaScript ?

WBOY

Libérer： 2023-08-30 14:45:11

avant

1375 Les gens l'ont consulté

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

Dans ce tutoriel, nous apprendrons à utiliser JavaScript pour modifier une chaîne à afficher en exposant. Comme son nom l'indique, les chaînes en exposant apparaissent à la moitié de la hauteur des chaînes normales. De plus, les caractères d'une chaîne en exposant sont plus petits que ceux d'une chaîne normale.

Les chaînes en exposant ont de nombreuses utilisations lors de l'écriture de formules mathématiques. Par exemple, A², B², 10⁵, etc. De plus, nous pouvons également utiliser des exposants pour représenter des formules chimiques, telles que O ₂²-, H-, etc.

Ici, les utilisateurs peuvent apprendre à afficher des chaînes en exposant en utilisant HTML ou JavaScript.

Afficher la chaîne en exposant en utilisant HTML uniquement

Dans cette section, nous apprendrons à afficher la chaîne en exposant à l'aide de la balise HTML ^{. Toute chaîne écrite par l'utilisateur dans la balise HTML sera affichée en petits caractères à mi-hauteur au-dessus de la chaîne normale.}

Syntaxe

Les utilisateurs peuvent suivre la syntaxe suivante pour afficher une chaîne en exposant en utilisant uniquement du HTML.

<p> (10)<sup> 2</sup> </p> // output is (10)2

Copier après la connexion

Exemple

Dans l'exemple ci-dessous, nous utilisons des balises HTML ^{pour afficher certaines formules mathématiques dans le format correct.}

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

Copier après la connexion

Dans la sortie ci-dessus, l'utilisateur peut voir comment nous écrivons des formules mathématiques à l'aide des balises HTML .

Afficher la chaîne en indice en utilisant HTML et JavaScript

Ici, nous allons découvrir la méthode JavaScript string.sup(). Il s'agit d'une méthode de bibliothèque intégrée qui renvoie une chaîne intégrée dans la balise HTML ^{. Par conséquent, lorsque l'utilisateur doit écrire une chaîne directement en utilisant HTML, la méthode ci-dessus peut être utilisée, et lorsque l'utilisateur doit utiliser JavaScript pour générer une chaîne et l'écrire dans le corps HTML, l'utilisateur peut utiliser le string.sup( ) méthode. < /p>}

Syntaxe

Les utilisateurs peuvent utiliser la méthode JavaScript string.sup() selon la syntaxe suivante. La méthode

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

Copier après la connexion

Return Value

string.sup() renvoie la chaîne dans la balise HTML ^.

<sup> string <sup>

Copier après la connexion

Exemple

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

Copier après la connexion

Dans ce tutoriel, nous avons appris à rendre une chaîne en exposant. Il s'agit d'une fonctionnalité très utile fournie par HTML. L'utilisateur peut afficher directement la chaîne en exposant à l'aide de la balise HTML ou utiliser la méthode JavaScript string.sup(), cela n'a pas d'importance car la méthode super() renverra également la même valeur en intégrant le enfiler ^Marquage.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!