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 opcionalcontexto
de otro elemento DOM (por defecto adocumento
).- Fuente:
- utils/dom.js que es
-
<estático, constante> $$
-
Encuentra una coincidencia de todos los elementos DOM
selector
dentro de lo opcionalcontexto
de otro elemento DOM (por defecto adocumento
).- 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
- Cuerda: Normalizado en un nodo de texto.
-
<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