728x90
728x170
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 |
<!-- 선택자 호환성 문제 해결 -->
<html>
<head>
....
</head>
<body>
<div id="wrap">
<p>내용1</p>
<p>내용2</p>
<p>내용3</p>
<p>내용4</p>
</div>
<script type="text/javascript">
document.getElementById("wrap").children[0].style.color="red";
var p=document.getElementsByTagName("p")[1];
var nextObj=p.nextSibling;
while(nextObj.nodeType != 1) {
nextObj=nextObj.nextSibling;
}
nextObj.style.backgroundColor="yellow";
</script>
</body>
</html> |
cs |
소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)
728x90
그리드형(광고전용)
'Source Code > JavaScript' 카테고리의 다른 글
| 함수 (Function) (1) | 2017.05.21 |
|---|---|
| 문서 객체 모델을 사용하여 자동차 견적 미리보기 페이지 만들기 (0) | 2017.05.21 |
| 폼 요소 선택자 (0) | 2017.05.21 |
| 문서 객체에 이벤트 핸들러 적용 (0) | 2017.05.21 |
| 문서 객체 모델 (DOM) (0) | 2017.05.21 |
| 브라우저 객체 모델을 사용해 운영체제와 스크린 정보 얻기 (0) | 2017.05.21 |
| navigator 객체 (0) | 2017.05.21 |
| history 객체 (0) | 2017.05.21 |
