HTML DOM hasAttributes() 메서드는 요소에 속성이 있는지 여부를 확인합니다. 요소에 속성이 포함되어 있으면 true를 반환하고 속성이 없으면 false를 반환합니다. 요소 노드가 아닌 다른 노드에서 이 메서드를 호출하면 반환 값은 항상 false입니다.
구문
다음은 hasAttribbutes() 메서드의 구문입니다 -
node.hasAttributes()
예시
hasAttributes() 메서드의 예를 살펴보겠습니다.
<!DOCTYPE html>
<html>
<body>
<h1>hasAttributes() example</h1>
<p>This paragraph has no attributes</p>
<button onclick="containsAttr()">CHECK</button>
<p id="Sample">The paragraph above hasAttribute value : </p>
<script>
function containsAttr() {
var p = document.getElementsByTagName("P")[0];
document.getElementById("Sample").innerHTML+=p.hasAttributes();
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHECK 버튼을 클릭하면 -
위의 예에서 -
연관된 속성이 없는 단락을 만들었습니다 -
<p>This paragraph has no attributes</p>
그런 다음 사용자가 클릭할 때 checkAttr() 메서드를 실행하는 CHECK 버튼을 만들었습니다.
<button onclick="containsAttr()">CHECK</button>
containsAttr() 메서드는 getElementsByTagName() 메서드를 사용하여 첫 번째
요소를 가져오고 인덱스를 사용하여 첫 번째 요소를 가져와 변수 p에 할당합니다. 그런 다음 변수 p에 대해 hasAttributes() 메서드를 호출하고 첫 번째
요소에 속성이 없기 때문에 false를 반환합니다. 이 값은 innerHTML 속성을 사용하여 ID가 "Sample"인 단락에 추가됩니다.
function containsAttr() {
var p = document.getElementsByTagName("P")[0];
document.getElementById("Sample").innerHTML+=p.hasAttributes();
}