Requisito previo: DOM (Modelo de objeto de documento) , Operador Instanceof
DOM (Document Object Model): Document Object Model es una representación jerárquica de documentos HTML y XML en un formato que es más fácil de interpretar en términos de programación. Realiza la manipulación de etiquetas, elementos, atributos y clases al interpretar su estructura en forma de un modelo de árbol que consta de Nodes.
Elemento: en HTML DOM, Elemento es la clase base general para todos los objetos. Un objeto Element representa todos los elementos HTML.
Enfoque: para verificar si un objeto de JavaScript es un objeto DOM, debemos verificar si el objeto JS dado es del tipo Objeto de elemento . Para verificar esto, usaremos el operador instanceof . El operador instanceof devuelve un valor booleano que especifica si un objeto es o no una instancia de una clase determinada.
Sintaxis:
Object instanceof ObjectType
Parámetros:
- Objeto: Almacena el Objeto que necesita ser probado.
- ObjectType: almacena el tipo de objeto contra el que se va a realizar la prueba.
Ejemplo:
<!DOCTYPE HTML>
<html>
<head>
<title>
How to check a JavaScript
Object is a DOM Object ?
</title>
</head>
<body>
<div id="div1"></div>
<div id="nonElem"></div>
<script>
// Function to check the object
// id DOM object or not
function isDOM(Obj) {
// Function that checks whether
// object is of type Element
return Obj instanceof Element;
}
// Set all elements into HTML
var div = document.getElementById('div1');
var nonElem = document.getElementById('nonElem');
// Creating a non-DOM Object
var x = 1;
// Checks against HTML elements and
// non-HTML elements
if (isDOM(div))
div.innerHTML = "Div is detected as a DOM Object";
if (!isDOM(x))
nonElem.innerHTML = "x is detected as a non-DOM Object";
</script>
</body>
</html>
Producción:
Div is detected as a DOM Object x is detected as a non-DOM Object
Publicación traducida automáticamente
Artículo escrito por vishodushaozae y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA