Phương thức HTML DOM isEqualNode () trả về giá trị boolean (true / false) nếu các nút được chỉ định bằng nhau hoặc không.
Cú pháp
Sau đây là cú pháp -
Gọi isEqualNode ()
firstNode.isEqualNode(secondNode)
LƯU Ý - ‘firstNode’ và ‘secondNode’ chỉ bằng nhau nếu chúng có cùng kiểu, thuộc tính và giá trị thuộc tính. Tất cả các Mã con nếu có cũng phải giống nhau.
Ví dụ
Hãy để chúng tôi xem một ví dụ cho isEqualNode () phương pháp -
<!DOCTYPE html> <html> <head> <title>isEqualNode()</title> <style> body{ width: 90%; margin: 0 auto; } button{ border-radius:10px; display:block; margin:0 auto; } #authorJohn, #authorMaya{ border:1px solid black; border-radius:10px; } #showContent{ text-align:center; } </style> </head> <body> <div id="authorJohn"> <h2> Lorem ipsum dolor </h2> <h5>By - John</h5> <p class="content"> sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> </p> <div> <div id="authorMaya"> <h2> Excepteur sint occaecat </h2> <h5>By - Maya</h5> <p class="content"> sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> </p> <button onclick="checkPlagiarism()">Check Plagiarism</button> <div id="showContent"></div> <script> function checkPlagiarism(){ var articleOne = document.getElementsByClassName("content")[0]; var articleTwo = document.getElementsByClassName("content")[1]; var divDisplay = document.getElementById("showContent"); if(articleOne.isEqualNode(articleTwo)) divDisplay.textContent = 'Content is copied!' else divDisplay.textContent = 'Content is not copied!' } </script> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào ‘Kiểm tra đạo văn’ nút -
Sau khi nhấp vào ‘Kiểm tra đạo văn’ nút -