<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li id="active">JavaScript</li>
</ul>
<script type="text/javascript">
// 복수개의 li가 선택됨
var liObjs = document.getElementByTagName('li');
for(var i=0; i<liObjs.length; i++){
console.log(liObjs[i].innerHTML());
}
// 부모 요소로 접근하기
// jquery에서는 parent()
var ulObj = liObjs[1].parentNode;
// 부모요소에서 2번째 자식 요소 제거하기
ulObj.removeChild(liObjs[1]);
// 자식 요소 중 첫번째 요소 콘솔 찍기
console.log(ulObj.childNodes[0]);
</script>
</body>
</html>
'스터디 > 자바스크립트' 카테고리의 다른 글
| 자바스크립트 정리1 (0) | 2017.08.09 |
|---|---|
| 자바스크립트 navigator를 이용한 IE 버전 알아내기 (0) | 2017.08.08 |
| 자바스크립트로 제어하고 싶은 대상 선택하기(찾기) (0) | 2017.08.04 |
| window 객체(location,navigator,screen etc...) : 부모창 자식창간 데이터 주고 받기 포함 (0) | 2017.08.04 |
| location 객체와 navigator 객체 (0) | 2017.08.04 |