>  기사  >  웹 프론트엔드  >  JavaScript 기울임꼴 방법 시작하기(문자열을 기울임꼴로 표시)

JavaScript 기울임꼴 방법 시작하기(문자열을 기울임꼴로 표시)

PHPz
PHPz원래의
2016-05-16 16:33:322468검색

이 글에서는 주로 JavaScript italic 방식의 소개 예제를 소개합니다. italics 방식은 문자열을 기울임꼴로 표시하는 데 사용됩니다. 필요한 친구는

JavaScript italic 방식

italics 메소드는 HTML i 태그 속성을 사용하여 정의된 (이탤릭체) 문자열을 반환합니다. 구문은 다음과 같습니다.

str_object.italics()
팁: 이 방법은 ECMA 표준을 준수하지 않으므로 권장되지 않습니다.

기울임꼴 메서드 인스턴스

<script language="JavaScript">
var str = "www.php.cn";
document.write( str.italics() );
</script>
이 예제를 실행하고 출력:

www.php.cn

팁: 이 방법은 HTML i 태그를 사용하여 정의된 문자열을 반환합니다. 이 방법을 사용하더라도 글꼴을 기울임꼴로 동적으로 변경할 수 없습니다. 요소 글꼴을 기울임꼴로 동적으로 변경하려면 다음 예를 참조하세요.

추가 자료: 페이지 요소 글꼴을 기울임꼴로 변경

<html>
<script language="JavaScript">
function changFont( x ){
    document.getElementById("article").style.fontStyle = x;
}
</script>
<body>
<p>
<a onClick="changFont(&#39;normal&#39;);">正常</a> <a onClick="changFont(&#39;italic&#39;);">斜体</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>
이 예에서는 JavaScript를 통해 CSS 글꼴 스타일 스타일을 제어함으로써 글꼴(id="article")을 이탤릭체로 동적으로 변경할 수 있습니다.

위 내용은 이 장의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면

JavaScript 비디오 튜토리얼을 방문하세요.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

더보기