선택자 호환성 문제 해결

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>
Colored by Color Scripter

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