봄날은 갔다. 이제 그 정신으로 공부하자

[JavaScript] id로 요소의 부모 또는 자식 요소 찾기 본문

카테고리 없음

[JavaScript] id로 요소의 부모 또는 자식 요소 찾기

길재의 그 정신으로 공부하자 2024. 12. 26. 10:20
// id로 Element를 가져온다.
var articles = document.getElementById(“articles”);

// element의 자식 노드가 있는지 확인한다.
if(articles.hasChildNodes()) {
	var children = articles.childNodes;
	// 자식 노드 갯수만큼 반복한다.
	for(var i=0; i<children.length; i++){
		// 자식 노드에서 필요한 정보를 가져온다.
		console.log('nodeName: ' + children[i].nodeName);
		console.log('name: ' + children[i].getAttribute('name'));
	    console.log('class: ' + children[i].className);
    	console.log('article-idx: ' + children[i].getAttribute('article-idx'));
	}
}

// element의 부모 노드를 가져온다.
var parent = demodiv.parentNode;

// 보무 노드가 있는지 확인
if(parent != null){
	// 부모 노드에서 필요한 정보를 가져온다.
	console.log('nodeName: ' + parent.nodeName);
	console.log('name: ' + parent.getAttribute('name'));
    console.log('class: ' + parent.className);
}
Comments