Thuộc tính ownerDocument trong HTML DOM

Thuộc tính ownerDocument trong HTML DOM trả về một đối tượng Document đại diện cho tài liệu sở hữu (owner document) của một nút (node).

Cú pháp

node.ownerDocument

Ví dụ

Ví dụ sử dụng thuộc tính ownerDocument:

<!DOCTYPE html>
<html>
<head>
<style>
  html { height: 100%; }
  body { text-align: center; color: #fff; background: #ff7f5094; height: 100%; }
  p { font-weight: 700; font-size: 1.2rem; }
  .btn { background: #0197F6; border: none; height: 2rem; border-radius: 2px; width: 35%; margin: 2rem auto; display: block; color: #fff; outline: none; cursor: pointer; }
  .show { font-size: 1.5rem; }
</style>
</head>
<body>
<h1>Demo thuộc tính ownerDocument DOM</h1>
<p>Ai là chủ sở hữu của nút xanh dương này?</p>
<button onclick="showOwner()" class="btn">Lấy chủ sở hữu</button>
<div class="show"></div>
<script>
  function showOwner() {
    document.querySelector(".show").innerHTML = document.querySelector(".btn").ownerDocument.nodeName;
  }
</script>
</body>
</html>

Kết quả

Nhấn nút Lấy chủ sở hữu để hiểu cách hoạt động của thuộc tính ownerDocument.