js

JS - DOM 자식 노드나 속성이 있는지 검사

3월 20, 2019

선택한 노드에 자식 노드나 노드에 속성이 있는지 검증할 수 있습니다.

속 성	설 명
hasChildNodes()	선택한 요소에 자식 노드가 하나라도 있는지 검사 노드가 있으면 true, 아니면 false
hasAttributes()	선택한 노드에 속성이 하나라도 있는지 검사 속성이 하나라도 있으면 true, 아니면 false 단, 선택한 노드가 요소가 아니어도 false
hasAttribute(attr)	선택한 노드에 해당 속성이 있으면 true 아니면 false attr: 찾을 속성 이름

hasChildNodes()

선택한 노드에 자식 노드가 있는지 검증합니다.

<h4>하보니 PHP</h4>

<script>
// <body> 에 자식 노드가 있는지 검사...
// <script> 도 자식 노드입니다.
if(document.body.hasChildNodes()){
  document.write( "자식 노드가 있습니다." );
}else{
  document.write( "자식 노드가 없습니다." );
}
// 결과: 자식 노드가 있습니다.
</script>

hasAttribute()

선택한 노드에 찾는 속성이 있는지 검사하고, 있으면 그 속성의 값을 반환받을 수 있습니다.

<div id="habony" class="one">하보니 PHP</div>

<script>
// div 태그에 id 속성이 있는지 검사해서...
// 속성이 있으면 속성의 값을 출력합니다.
var tag = document.body.getElementsByTagName("div")[0];

if(tag.hasAttribute("id")){
  document.write(tag.getAttribute("id"));
}
// 결과: habony
</script>

0 댓글