HTML DOM isSameNode() 메서드는 두 노드가 같거나 같지 않은 경우 부울 값(true/false)을 반환합니다.
참고 − isSameNode() 메서드는 더 이상 사용되지 않으므로 대신 '===' 연산자를 사용해야 합니다.
구문
다음은 구문입니다 -
isSameNode() 호출
nodeOne.isSameNode(NodeTwo)
예시
isSameNode()의 예를 살펴보겠습니다. 방법 -
<!DOCTYPE html> <html> <head> <title>isSameNode()</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } ul{ width: 30%; margin: 0 auto; } </style> </head> <body> <form> <fieldset> <legend>isSameNode( )</legend> <h3>John Doe's Achievements</h3> <ul> <li id="cricket">Trophy 1</li> <li>Trophy 2</li> <li>Trophy 3</li> </ul> <input type="button" onclick="confirmTrophy()" value="Check"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var cricketTrophy = document.getElementById("cricket"); var trophyOne = document.getElementsByTagName("li")[0]; divDisplay.textContent = 'NOTE: Check if Trophy 1 was won in cricket'; function confirmTrophy() { if(cricketTrophy.isSameNode(trophyOne)) divDisplay.textContent = 'Trophy 1 was indeed won in cricket'; else divDisplay.textContent = 'Trophy 1 was not won in cricket'; } </script> </body> </html>
출력
이것은 다음과 같은 출력을 생성합니다 -
'확인'을 클릭하기 전에 버튼 -
'확인'을 클릭한 후 버튼 -