如何在JavaScript 中確定DOM 物件狀態
在JavaScript 中，區分DOM（文件物件模型）物件和常規JavaScript 物件至關重要對於某些操作。雖然檢查 tagName 屬性的傳統方法在大多數情況下都有效，但在某些不強制執行唯讀屬性的瀏覽器中可能會失敗。
綜合解決方案
要解決此問題，請考慮以下函數：
<code class="javascript">function isElement(obj) {
try {
// W3 DOM2 (works for FF, Opera, and Chrome)
return obj instanceof HTMLElement;
} catch (e) {
// Non-DOM2 browsers
return (
typeof obj === 'object' &&
obj.nodeType === 1 &&
typeof obj.style === 'object' &&
typeof obj.ownerDocument === 'object'
);
}
}</code>此程式碼利用W3 DOM2 來支援受支援的瀏覽器，並檢查非DOM2 瀏覽器中的特定屬性。
其他選項
另一種方法是使用以下程式碼：
<code class="javascript">function isNode(o) {
return typeof Node === 'object'
? o instanceof Node
: o &&
typeof o === 'object' &&
typeof o.nodeType === 'number' &&
typeof o.nodeName === 'string';
}
function isElement(o) {
return typeof HTMLElement === 'object'
? o instanceof HTMLElement
: o &&
typeof o === 'object' &&
o !== null &&
o.nodeType === 1 &&
typeof o.nodeName === 'string';
}</code>此程式碼區分DOM 節點和元素，解決瀏覽器實作中的潛在差異。
以上是如何可靠地確定 JavaScript 物件是否是 DOM 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
