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