JavaScript의 메서드

728x90

728x170

* 문자열 관련 메서드/프로퍼티

- 모두 '문자열.메서드명(또는 문자열.프로퍼티명)'으로 작성함.

1) 문자열 길이 구하기

- length 프로퍼티로 문자열의 길이를 구할 수 있음.

var s = "HTML5가 보이는 그림책";

document.writeIn("문자의 길이는 " + s.length + "글자입니다.");

2) 검색

- indexOf() 메서드는 지정한 문자가 문자열의 몇 번째에 있는지를 반환함.

var s = "HTML5가 보이는 그림책";

document.writeIn("'가'는 " + (s.indexOf("가")) + "번째 문자입니다.");

3) 문자열 분할

- split() 메서드는 문자열을 지정한 문자로 분할하여 배열에 저장함.

var s = "HTML5가 보이는 그림책";

var ss = s.split("가 보이는");

document.writeIn(ss[0] + "/" + ss[1]);

출력 결과 : HTML5/그림책

- document-writeIn()은 줄바꿈을 붙여 출력하는 메서드

* CSS 참조하기

- CSS에는 각 요소의 style 프로퍼티를 통해 액세스함.

- 해당 프로퍼티는 아래와 같은 규칙에 따라 프로퍼티명이 붙여짐.

font-size (CSS의 프로퍼티명) -> fontSize (JavaScript의 프로퍼티명) // '-'을 빼고 그 다음 문자를 대문자로 만듦.

- 예)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<!DOCTYPE html>
<html>
<head> 
<title>HTML5가 보이는 그림책</title>
</head>
<body>
<p id="p1">HTML5가 보이는 그림책</p>
<p id="p2">HTML5가 보이는 그림책</p>
<p id="p3">HTML5가 보이는 그림책</p>
<p id="p4">HTML5가 보이는 그림책</p>
 
<script type="text/javascript">
var e1 = document.getElementById("p1");
var e2 = document.getElementById("p2");
var e3 = document.getElementById("p3");
var e4 = document.getElementById("p4");
e1.style.color = "red";
e2.style.fontSize = "120%";
e3.style.fontStyle = "italic";
e4.style.fontWeight = "bold";
</script>
</body>
</html>
Colored by Color Scripter

cs

내용 출처 : HTML5가 보이는 그림책 (ANK Co., Ltd 저, 성안당)

728x90

그리드형(광고전용)

저작자표시

'Programming > JavaScript' 카테고리의 다른 글

브라우저 객체 모델(BOM) (0)	2017.05.20
객체 / 내장객체 (0)	2017.05.20
자바스크립트 기초 문법 (0)	2017.05.20
쿠키(Cookie) (0)	2017.05.18
JavaScript 이벤트 (0)	2017.05.18
요소의 참조 (0)	2017.05.17
DOM이란? (0)	2017.05.17
JavaScript란? (0)	2017.05.17