Clasificación jerárquica de DOM

En realidad, varios niveles del DOM se basan en el estándar W3C, que es la abreviatura de World Wide Web Consortium. Traducido del chino, es el World Wide Web Consortium (World Wide Web Consortium), que es la organización de estándares técnicos neutrales internacionales más autorizada e influyente en el campo de la tecnología web.

DOM es uno de los estándares: DOM se divide en tres niveles: DOM1, DOM2, DOM3.

¿Qué es exactamente DOM? DOM en realidad significa Document Object Model, un modelo que proporciona métodos para acceder o modificar documentos. Su alcance es muy amplio, pero para los desarrolladores web, a menudo se piensa que se refiere a una tecnología que utiliza JavaScript para acceder y modificar documentos HTML en el navegador, pero en realidad el alcance es mucho más que eso.

DOM Nivel 1 (DOM Nivel 1) se convirtió en un estándar recomendado por el W3C en junio de 1998. El nivel 1 de DOM consta de dos módulos: DOM Core y DOM HTML. DOM Core puede mapear la estructura del documento según XML, lo que permite obtener y manipular cualquier parte del documento mientras se pasa HTML DOM. En pocas palabras, el nivel 1 de DOM asigna la estructura del documento y proporciona métodos básicos de operación del documento.

El nivel DOM2 es una extensión del nivel DOM1. El DOM secundario agrega soporte para eventos de interfaz de usuario y mouse, alcances, recorrido y hojas de estilos superpuestas (CSS) a través de la interfaz de objetos. Al mismo tiempo, DOM1 se amplió para admitir espacios de nombres XML. En pocas palabras, el nivel DOM2 agrega interfaces para vistas, eventos, estilos, recorrido y alcance sobre la base de DOM1, y admite espacios de nombres XML.

El nivel DOM3, basado en el DOM anterior, introdujo un método unificado para cargar y guardar documentos, agregó un método para verificar documentos, amplió el núcleo DOM y comenzó a admitir la especificación XML1.0.

Además de los tres niveles anteriores, también existe algo llamado nivel DOM0, que en realidad no existe en el estándar. Se refiere a DHTML originalmente compatible con IE4 y Netscape Navigator 4.0. DHTML es en realidad una integración de HTML, CSS y JS. Representa una tecnología existente en lugar de un estándar, por lo que el nivel DOM0 en realidad representa un producto inicial en un nodo histórico que aún no ha formado un estándar.

Para ofrecer una comparación de eventos DOM de nivel 0 comunes y eventos de DOM de nivel 2: el clic del botón enlazado se asigna a una función, que es el nivel 0 de DOM. Sin embargo, si el clic se asigna a diferentes funciones varias veces, se verá afectado por la siguiente función Anular; sin embargo, el nivel DOM2 usa el método addEventListener proporcionado para escuchar el evento de clic del botón y escribe varias veces para escuchar el mismo evento, por lo que las funciones se ejecutarán secuencialmente. y no se sobrescribirá.