JavaScript 재귀함수 예시
<!DOCTYPE html>
<html>
<body id="start">
<ul>
<li><a href="./532">html</a></li>
<li><a href="./533">css</a></li>
<li><a href="./534">JavaScript</a>
<ul>
<li><a href="./535">JavaScript Core</a></li>
<li><a href="./536">DOM</a></li>
<li><a href="./537">BOM</a></li>
</ul>
</li>
</ul>
<script>
function traverse(target, callback){
if(target.nodeType === 1){ // ===으로 사용하는 것 주의 nodeType이 1이면, Element Node 이다.
// (http://ironmask84.net/admin/entry/post/?id=214 참고)
//if(target.nodeName === 'A') // a 태그만 추출
callback(target);
var c = target.childNodes;
for(var i=0; i<c.length; i++){
traverse(c[i], callback); // 재귀함수 호출
}
}
}
traverse(document.getElementById('start'), function(elem){
console.log(elem);
});
</script>
</body>
</html>
'나는 프로그래머다! > HTML5' 카테고리의 다른 글
| JavaScript - 이벤트 응용3 - 기본 이벤트 동작 취소 방법 (0) | 2015.07.29 |
|---|---|
| JavaScript - 이벤트 응용1 (버블링과 캡쳐링) (0) | 2015.07.28 |
| JavaScript - 이벤트 (0) | 2015.07.28 |
| JavaScript에서의 객체와 객체지향 (0) | 2015.07.22 |
| JavaScript의 함수!! (0) | 2015.07.21 |
| jQuery 와 Element 객체와 Node 객체 (0) | 2015.07.16 |
| Attribute와 Property (0) | 2015.07.14 |
| DOM Tree (0) | 2015.07.13 |
| JQuery 초 간단 이해 (0) | 2015.07.10 |
| SublimeText2 (0) | 2015.06.19 |