Módulo: dom

dom.js que es

Fuente:
utils/dom.js que es

Miembros


<estático, constante> PS

Encuentra una coincidencia de un solo elemento DOM selector dentro de lo opcional contexto de otro elemento DOM (por defecto a documento).

Fuente:
utils/dom.js que es

<estático, constante> $$

Encuentra una coincidencia de todos los elementos DOM selector dentro de lo opcional contexto de otro elemento DOM (por defecto a documento).

Fuente:
utils/dom.js que es

Métodos


<estático> addElClass (elemento, classToAdd)

Agregar un nombre de clase CSS a un elemento

Parámetros:
Nombre Tipo Descripción
elemento Elemento

Elemento al que agregar nombre de clase.

Clase para agregar cuerda

Nombre de clase que se va a agregar.

Fuente:
utils/dom.js que es
Devoluciones:

El elemento dom con el nombre de clase agregado.

Tipo
Elemento

<estático> appendContent (el, contenido)

Normaliza y añade contenido a un elemento.

Parámetros:
Nombre Tipo Descripción
el Elemento

Elemento al que añadir contenido normalizado.

contenido String | Elemento | TextNode | Matriz | función

Ver el contenido argumento de dom: normalizeContent

Fuente:
utils/dom.js que es
Devoluciones:

Elemento con contenido normalizado anexado.

Tipo
Elemento

<estático> blockTextSelection ()

Intente bloquear la capacidad de seleccionar texto mientras arrastra los controles

Fuente:
utils/dom.js que es

<estático> createEl ([tagName] [, propiedades] [, atributos] [, contenido])

Crea un elemento y aplica propiedades.

Parámetros:
Nombre Tipo Argumento Predeterminado Descripción
Nombre de etiqueta cuerda <optional>
"buceo»

Nombre de la etiqueta que se va a crear.

propiedades Objeto <optional>
{}

Propiedades de elemento que se van a aplicar.

atributos Objeto <optional>
{}

Atributos de elemento que se deben aplicar.

contenido String | Elemento | TextNode | Matriz | función <optional>

Contenido del elemento (ver: dom: normalizeContent)

Fuente:
utils/dom.js que es
Devoluciones:

El elemento que se creó.

Tipo
Elemento

<estático> emptyEl (el)

Vacía el contenido de un elemento.

Parámetros:
Nombre Tipo Descripción
el Elemento

Elemento del que vaciar los hijos

Fuente:
utils/dom.js que es
Devoluciones:

El elemento sin hijos

Tipo
Elemento

<estático> findElPosition (el)

Desplazamiento a la izquierda. técnica getBoundingClientRect de John Resig

Parámetros:
Nombre Tipo Descripción
el Elemento

Elemento del cual obtener compensación

Fuente:
utils/dom.js que es
Ver:
Devoluciones:

Posición del elemento que se pasó.

Tipo
Dom ~ Posición

<estático> getAttribute (el, atributo)

Obtener el valor del atributo de un elemento

Parámetros:
Nombre Tipo Descripción
el Elemento

Un elemento DOM

atributo cuerda

Atributo para obtener el valor de

Fuente:
utils/dom.js que es
Devoluciones:

valor del atributo

Tipo
cuerda

<estático> getEl (id)

Abreviatura de document.getElementById () También permite la sintaxis de ID de CSS (jQuery). Pero nada más que identificaciones.

Parámetros:
Nombre Tipo Descripción
id cuerda

El id del elemento que se va a obtener

Fuente:
utils/dom.js que es
Devoluciones:

Elemento con ID suministrado o nulo si no lo había.

Tipo
Elemento | null

<estático> getElAttributes (etiqueta)

Obtener los valores de atributo de un elemento, tal como se define en la etiqueta HTML. Los atributos no son lo mismo que las propiedades. Se definen en la etiqueta o con setAttribute (que no debe usarse con HTML) Esto devolverá true o false para los atributos booleanos.

Parámetros:
Nombre Tipo Descripción
etiqueta Elemento

Elemento del que se obtienen los atributos de etiqueta.

Fuente:
utils/dom.js que es
Devoluciones:

Todos los atributos del elemento.

Tipo
Objeto

<estático> getElData (el)

Devuelve el objeto de caché donde se almacenan los datos de un elemento.

Parámetros:
Nombre Tipo Descripción
el Elemento

Elemento para almacenar datos.

Fuente:
utils/dom.js que es
Devoluciones:

El objeto de caché de ese el que se pasó.

Tipo
Objeto

<estático> getPointerPosition (el, evento)

Obtener la posición del puntero en el elemento Devuelve un objeto con coordenadas xey. La base de las coordenadas está en la parte inferior izquierda del elemento.

Parámetros:
Nombre Tipo Descripción
el Elemento

Elemento sobre el que colocar la posición del puntero

evento Objeto del evento~Evento

Objeto de evento

Fuente:
utils/dom.js que es
Devoluciones:

Objeto Coordinates correspondiente a la posición del ratón.

Tipo
Dom ~ Coordenadas

<estático> hasElClass (elemento, classToCheck)

Compruebe si un elemento tiene una clase CSS

Parámetros:
Nombre Tipo Descripción
elemento Elemento

Elemento a comprobar

Clase a comprobar cuerda

Nombre de clase para comprobar

Fuente:
utils/dom.js que es
Lanzamientos:

Se produce un error si ClassToCheck tiene espacios en blanco.

Tipo
Error
Devoluciones:
  • Verdadero si el elemento tenía la clase
    - Falso en caso contrario.
Tipo
booleano

<estático> hasElData (el)

Devuelve si un elemento tiene datos almacenados en caché

Parámetros:
Nombre Tipo Descripción
el Elemento

Compruebe si este elemento tiene datos almacenados en caché.

Fuente:
utils/dom.js que es
Devoluciones:
  • Verdadero si el elemento DOM tiene datos almacenados en caché.
    - Falso en caso contrario.
Tipo
booleano

<estático> insertContent (el, contenido)

Normaliza e inserta contenido en un elemento; es idéntico a appendContent (), excepto que vacía primero el elemento.

Parámetros:
Nombre Tipo Descripción
el Elemento

Elemento en el que insertar contenido normalizado.

contenido String | Elemento | TextNode | Matriz | función

Ver el contenido argumento de dom: normalizeContent

Fuente:
utils/dom.js que es
Devoluciones:

Elemento con contenido normalizado insertado.

Tipo
Elemento

<estático> insertElFirst (hijo, padre)

Insertar un elemento como primer nodo hijo de otro

Parámetros:
Nombre Tipo Descripción
niño Elemento

Elemento para insertar

padre Elemento

Elemento en el que insertar hijo

Fuente:
utils/dom.js que es

<estático> isEl (valor)

Determina, mediante escritura de pato, si un valor es o no un elemento DOM.

Parámetros:
Nombre Tipo Descripción
valor mixto

Lo que hay que comprobar

Fuente:
utils/dom.js que es
Devoluciones:
  • Verdadero si es un elemento DOM
    - Falso en caso contrario
Tipo
booleano

<estático> es real()

Si la interfaz DOM actual parece ser real.

Fuente:
utils/dom.js que es
Devoluciones:
Tipo
booleano

<estático> isTextNode (valor)

Determina, mediante la escritura de pato, si un valor es o no un nodo de texto.

Parámetros:
Nombre Tipo Descripción
valor mixto

Compruebe si este valor es un nodo de texto.

Fuente:
utils/dom.js que es
Devoluciones:
  • Verdadero si es un nodo de texto
    - Falso en caso contrario
Tipo
booleano

<estático> normalizeContent (contenido)

Normaliza el contenido para su posterior inserción en el DOM.

Esto permite una amplia gama de métodos de definición de contenido, pero protege de caer en la trampa de simplemente escribir en innerHTML , que es una preocupación de XSS.

El contenido de un elemento se puede pasar en varios tipos y combinaciones, cuyo comportamiento es el siguiente:

Parámetros:
Nombre Tipo Descripción
contenido String | Elemento | TextNode | Matriz | función
  • Cuerda: Normalizado en un nodo de texto.
    - Elemento / TextNode: Pasado a través.
     - Matriz: Una matriz unidimensional de cadenas, elementos, nodos o funciones
       (que devuelven cadenas, elementos o nodos individuales).
     - Función: Si el único argumento, se espera que produzca una cadena, elemento,
       nodo o matriz como se definió anteriormente.
Fuente:
utils/dom.js que es
Devoluciones:

Todo el contenido que se pasó se normalizó.

Tipo
Matriz

<estático> removeAttribute (el, atributo)

Eliminar el atributo de un elemento

Parámetros:
Nombre Tipo Descripción
el Elemento

Un elemento DOM

atributo cuerda

Atributo para eliminar

Fuente:
utils/dom.js que es

<estático> removeElClass (elemento, classToRemove)

Eliminar un nombre de clase CSS de un elemento

Parámetros:
Nombre Tipo Descripción
elemento Elemento

Elemento del que quitar un nombre de clase.

Clase que se eliminará cuerda

Nombre de clase que se debe quitar

Fuente:
utils/dom.js que es
Devoluciones:

El elemento dom con nombre de clase eliminado.

Tipo
Elemento

<estático> removeElData (el)

Elimina los datos del elemento de la caché y el atributo guid de getElementById

Parámetros:
Nombre Tipo Descripción
el Elemento

Elimina los datos almacenados en caché para este elemento.

Fuente:
utils/dom.js que es

<estático> setAttribute (el, atributo, valor)

Establecer el valor del atributo de un elemento

Parámetros:
Nombre Tipo Descripción
el Elemento

Un elemento DOM

atributo cuerda

Atributo para establecer

valor cuerda

Valor para establecer el atributo

Fuente:
utils/dom.js que es

<estático> setElAttributes (el [, atributos])

Aplicar atributos a un elemento HTML.

Parámetros:
Nombre Tipo Argumento Descripción
el Elemento

Elemento al que añadir atributos.

atributos Objeto <optional>

Atributos que se van a aplicar.

Fuente:
utils/dom.js que es

<estático> textContent (el, texto)

Inyecta texto en un elemento y reemplaza por completo cualquier contenido existente.

Parámetros:
Nombre Tipo Descripción
el Elemento

Elemento al que agregar contenido de texto

texto cuerda

El contenido de texto que se va a agregar.

Fuente:
utils/dom.js que es
Devoluciones:

Elemento con contenido de texto agregado.

Tipo
Elemento

<estático> toggleElClass (elemento, classToToggle [, predicado])

Agrega o elimina un nombre de clase CSS en un elemento según una condición opcional o la presencia / ausencia del nombre de la clase.

Parámetros:
Nombre Tipo Argumento Descripción
elemento Elemento

Elemento en el que cambiar el nombre de una clase.

Clase para alternar cuerda

La clase que debería alternarse

predicado booleano | PredicateCallback <optional>

Ver el valor de retorno de Dom ~ PredicateCallback

Fuente:
utils/dom.js que es
Devoluciones:

Elemento con una clase que se ha alternado.

Tipo
Elemento

<estático> unblockTextSelection ()

Desactivar el bloqueo de selección de texto

Fuente:
utils/dom.js que es

<interno> classRegExp (className)

Produce una expresión regular para hacer coincidir un className dentro de un elemento className.

Parámetros:
Nombre Tipo Descripción
nombre de la clase cuerda

El className para el que se generará la expresión regular.

Fuente:
utils/dom.js que es
Devoluciones:

La expresión regular que buscará una nombre de la clase en un elemento className.

Tipo
RegExp

<interno> createQuerier (método)

Crea funciones para consultar el DOM usando un método dado.

Parámetros:
Nombre Tipo Descripción
método cuerda

El método para crear la consulta.

Fuente:
utils/dom.js que es
Devoluciones:

El método de consulta

Tipo
función

<interno> isNonBlankString (str)

Detecta si un valor es una cadena con caracteres que no sean espacios en blanco.

Parámetros:
Nombre Tipo Descripción
str cuerda

La cadena para comprobar

Fuente:
utils/dom.js que es
Devoluciones:
  • Verdadero si la cadena no está en blanco
    - Falso en caso contrario
Tipo
booleano

<interno> throwIfWhitespace (str)

Lanza un error si la cadena pasada tiene espacios en blanco. Los métodos de clase lo utilizan para ser relativamente coherente con la API ClassList.

Parámetros:
Nombre Tipo Descripción
str cuerda

La cadena para buscar espacios en blanco.

Fuente:
utils/dom.js que es
Lanzamientos:

Se produce un error si hay espacios en blanco en la cadena.

Tipo
Error