>  기사  >  웹 프론트엔드  >  JavaScript를 사용하여 문자열이 위 첨자로 표시되도록 어떻게 변경합니까?

JavaScript를 사용하여 문자열이 위 첨자로 표시되도록 어떻게 변경합니까?

WBOY
WBOY앞으로
2023-08-30 14:45:111368검색

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

이 튜토리얼에서는 JavaScript를 사용하여 위 첨자로 표시될 문자열을 변경하는 방법을 배웁니다. 이름에서 알 수 있듯이 위 첨자 문자열은 일반 문자열 높이의 절반으로 나타납니다. 또한 위 첨자 문자열의 문자는 일반 문자열의 문자보다 작습니다.

문자열 윗첨자는 수학 공식을 작성할 때 다양한 용도로 사용됩니다. 예를 들어 A2, B2, 105 등입니다. 또한 위 첨자를 사용하여 O 22-, H- 등과 같은 화학 공식을 나타낼 수도 있습니다.

여기에서 사용자는 HTML 또는 JavaScript를 사용하여 문자열을 위 첨자로 표시하는 방법을 배울 수 있습니다.

HTML만 사용하여 문자열을 아래 첨자로 표시

이 섹션에서는 HTML 태그를 사용하여 문자열을 위 첨자로 표시하는 방법을 알아봅니다. HTML 태그 내에서 사용자가 작성한 모든 문자열은 일반 문자열보다 절반 높이에 작은 문자로 표시됩니다.

구문

사용자는 다음 구문에 따라 HTML만 사용하여 문자열을 위 첨자로 렌더링할 수 있습니다.

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

Example

아래 예에서는 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( ) 방법.

Syntax

사용자는 다음 구문에 따라 JavaScript string.sup() 메서드를 사용할 수 있습니다.

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

Return Value

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제