Métodos y propiedades HTML DOM

JavaScript también puede acceder al modelo de objeto de documento HTML (DOM) similar a otros lenguajes de programación. Todos los elementos HTML se definen como "objetos"En el DOM, donde cada objeto tiene algún conjunto de métodos y propiedades. La propiedad HTML DOM es un valor que se puede recuperar o cambiar, y el método HTML DOM es una acción que puede realizar para los elementos HTML, por ejemplo, eliminando los elementos HTML.

Esta redacción discutirá los métodos y propiedades HTML DOM. Además, también proporcionaremos listas separadas de los métodos y propiedades DOM HTML más útiles en JavaScript. Entonces, comencemos!

Métodos DOM HTML

El "comportamiento"Tú realizas en los elementos HTML se llaman métodos HTML DOM. Puede usar los métodos HTML DOM como principiante de JavaScript para generar los resultados requeridos sin hacer demasiado esfuerzo y escribir un montón de código. Los métodos DOM HTML pueden ayudarlo a simplificar la tarea.

En la tabla dada a continuación, hemos compilado algunos de los métodos DOM HTML que se pueden utilizar en todos los elementos HTML:

Métodos DOM HTML	Descripción
addEventListener ()	El "addEventListener ()El método HTML DOM se utiliza para unir un controlador de eventos a un elemento particular.
añadir Niño()	El "añadir Niño()El método se utiliza para agregar un nuevo nodo infantil para un elemento.
difuminar()	El "difuminar()El método se utiliza para eliminar el enfoque de un elemento HTML.
hacer clic()	El "hacer clic()El método se hace clic en un mouse en un elemento HTML.
clonenode ()	El "clonenode ()El método se utiliza para clonar un elemento.
más cercano ()	El "más cercano ()El método HTML DOM se utiliza para buscar en el árbol DOM el elemento más cercano, que coincide con un selector CSS especificado.
CompareCumentPosition ()	El "CompareCumentPosition ()Se utiliza el método HTML DOM para comparar la posición del documento de dos HTMLEMENTS.
salir de pantalla completa()	El "ExistfulLScreen ()"La propiedad cancela un elemento en un modo de pantalla completa.
enfocar()	El "enfocar()"Método DOM HTML para asignar enfoque a un elemento HTML.
getAttribute ()	El "getAttribute ()El método HTML DOM muestra el valor de atributo de un elemento.
getAtTributEnode ()	El "getAtTributEnode ()El método HTML DOM muestra el nodo de atributo especificado.
getBoundingClientRect ()	El "getBoundingClientRect ()El método HTML DOM emite la posición y el tamaño de un elemento relacionado con la ventana gráfica.
getElementsByClassName ()	El "getElementByClassName ()El método HTML DOM muestra la lista de elementos infantiles de una clase en particular.
getElementsBytagName ()	El "getElementsBytagName ()El método HTML DOM muestra la lista de elementos infantiles de una etiqueta en particular.
Hasattribute ()	El "Hasattribute ()"El método HTML DOM sale verdadero si un elemento tiene el atributo agregado, de lo contrario, este método devuelve falso.
HaschildNodes ()	El "HaschildNodes ()"El método HTML DOM sale verdadero si un elemento en particular tiene nodos infantiles, de lo contrario, este método devuelve falso.
InsertAdJacentElement ()	El "InsertAdJacentElement ()Se utiliza el método HTML DOM para insertar un elemento HTML en una posición particular relacionada con el elemento activo.
insertadJacenthtml ()	El "insertadJacenthtml ()Se utiliza el método HTML DOM para insertar un texto formateado HTML en una posición particular relacionada con el elemento activo.
InsertAdJacentText ()	El "InsertAdJacentText ()El método DOM HTML se utiliza para insertar texto en una posición particular relacionada con el elemento activo.
insertBefore ()	El "insertBefore ()El método HTML se utiliza para insertar un nuevo nodo infantil antes de un nodo infantil existente.
ISDEFAULTNAMESPACE ()	El "ISDEFAULTNAMESPACE ()"El método HTML DOM sale verdadero si un espacio de nombres particular se establece como predeterminado, de lo contrario, este método emite falso.
isEqualNode ()	El "isEqualNode ()El método se utiliza para verificar si dos elementos HTML son iguales o no.
issamenode ()	El "issamenode ()El método DOM HTML se utiliza para verificar si dos elementos HTML son el mismo nodo o no.
esta apoyado()	El "esta apoyado()"El método DOM HTML sale verdadero si se admite una característica particular para el elemento HTML.
partidos()	El "partidos()El método "genera un valor booleano que indica si un selector CSS específico coincide con un elemento o no.
normalizar()	El "normalizar()El método HTML DOM se utiliza para unir nodos de texto adyacentes y para eliminar los nodos de texto vacíos de un elemento HTML.
QuerySelector ()	El "QuerySelector ()"El método DOM HTML se utiliza para generar el primer elemento infantil que se combina con un selector CSS particular de un elemento HTML.
QuerySelectorAll ()	El "QuerySelectorAll ()El método devuelve todos los elementos infantiles que coinciden con un selector CSS especificado de un elemento.
eliminar()	El "eliminar()Se utiliza el método HTML DOM para eliminar un elemento HTML particular de DOM.
removeattribute ()	El "removeattribute ()Se utiliza el método HTML DOM para eliminar un atributo particular de un elemento HTML.
removeatTributEnode ()	El "removeatTributEnode ()El método HTML DOM elimina el nodo de atributo agregado y lo muestra como salida.
removechild ()	El "removechild ()Se utiliza el método DOM HTML para eliminar un nodo de un niño en particular de un elemento HTML.
RemoVentListener ()	El "RemoVentListener ()Se utiliza el método HTML DOM para eliminar un controlador de eventos adjunto.
ReplaceChild ()	El "ReplaceChild ()El método HTML DOM se utiliza para reemplazar un nodo infantil desde un elemento HTML.
requestullScreen ()	El "SolicUllScreen () "El método DOM HTML se utiliza para mostrar el elemento HTML en modo de pantalla completa.
desplácese a la vista()	El "desplácese a la vista()El método DOM HTML se utiliza para desplazar un elemento HTML particular en el área visible del navegador.
setAttribute ()	El "setAttribute ()Se utiliza el método HTML DOM para establecer los atributos al valor agregado.
setAtTributEnode ()	El "setAtTributEnode ()Se utiliza el método HTML DOM para cambiar o mostrar el nodo de atributo especificado.
Encadenar()	El "Encadenar()El método DOM HTML se utiliza para convertir un elemento en una cadena.

Propiedades HTML DOM

Los valores que puede establecer o cambiar los elementos HTML se llaman propiedades HTML DOM. Las propiedades HTML están definidas por DOM, que pueden modificarse fácilmente utilizando las propiedades DOM HTML predefinidas.

Ahora, mira la tabla dada a continuación; Hemos compilado algunas de las propiedades DOM HTML que se pueden utilizar en todos los elementos HTML:

Propiedades HTML DOM	Descripción
llave de acceso	El "llave de accesoEstablece o devuelve la propiedad DOM AccessKey HTML.
atributos	El "atributos"La propiedad HTML DOM emite un NameNodemap del atributo de un elemento HTML.
ActiveElement	El "ActiveElement"La propiedad obtiene el elemento que está actualmente activo.
cuenta infantil	El "cuenta infantilSe utiliza la propiedad HTML DOM para mostrar el número total de elementos infantiles de un elemento HTML.
nodos de niños	El "nodos de niños"La propiedad HTML DOM sale los nodos infantiles de un elemento HTML.
Lista de clase	El "Lista de clase"La propiedad HTML DOM devuelve el nombre de clase de un elemento.
nombre de la clase	El "nombre de la claseSe utiliza la propiedad HTML DOM para cambiar o mostrar el valor de nombre de clase HTML.
clientHeight	El "clientHeight"La propiedad HTML DOM emite la altura del elemento HTML.
cliente	El "clienteSe utiliza la propiedad HTML DOM para mostrar el ancho del borde izquierdo de un elemento HTML.
clienttop	El "clienttopSe utiliza la propiedad HTML DOM para mostrar el ancho del borde superior de un elemento HTML.
ancho del cliente	El "ancho del cliente"La propiedad devuelve o emite el ancho de un elemento, que incluye acolchado.
contento	El "contento"La propiedad HTML DOM establece o devuelve si el contenido de un elemento es editable o no.
prostituta	El "prostituta"La propiedad HTML DOM se utiliza para cambiar o mostrar el valor DIR de un elemento.
primer hijo	El "primer hijoSe utiliza la propiedad HTML DOM para mostrar el primer nodo infantil de un elemento HTML.
Firstelementcild	El "FirstelementcildSe utiliza la propiedad HTML DOM para mostrar el primer elemento infantil de un elemento HTML.
identificación	El "identificación"La propiedad HTML DOM se utiliza para cambiar y mostrar el valor de atributo de identificación de un elemento.
innerhtml	El "innerhtmlSe utiliza la propiedad HTML DOM para cambiar y mostrar el contenido del elemento.
intexto	El "intexto"La propiedad HTML DOM se utiliza para cambiar y mostrar el contenido de texto del nodo y sus descendientes.
ISCONTENTIONIBLE	El "ISCONTENTIONIBLE"La propiedad HTML DOM se utiliza para verificar si el contenido de un elemento es editable o no.
lang	El "langSe utiliza la propiedad HTML DOM para establecer el valor del atributo Lang de un elemento HTML.
último niño	El "último niño"La propiedad devuelve el último nodo infantil de un elemento.
LastElementChild	El "LastElementChild"La propiedad HTML DOM se utiliza para mostrar el último elemento hijo de un elemento.
espacio de nombres	El "espacio de nombresLa propiedad HTML DOM se utiliza para producir el espacio de nombres URI de un elemento HTML.
proximo hermano	El "proximo hermanoSe utiliza la propiedad HTML DOM para mostrar el siguiente nodo en un nivel de árbol.
nextelementible	El "nextelementibleSe utiliza la propiedad HTML DOM para mostrar el siguiente elemento HTML en un nivel de árbol.
nombre del nodo	El "nombre del nodo"La propiedad HTML DOM sale el nombre del nodo.
tipo nodo	El "tipo nodoSe utiliza la propiedad HTML DOM para mostrar el tipo de nodo.
nodevalor	El "nodevalorSe utiliza la propiedad HTML DOM para mostrar o cambiar el valor del nodo.
dueño de documento	El "dueño de documento"La propiedad establece o devuelve el elemento raíz o el objeto de documento para un elemento.
parentnode	El "parentnodeSe utiliza la propiedad HTML DOM para mostrar el nodo principal de un elemento.
sargento	El "sargentoSe utiliza la propiedad HTML DOM para mostrar el elemento principal del elemento HTML.
Anteriormente	El "AnteriormenteSe utiliza la propiedad HTML DOM para mostrar el hermano anterior del elemento HTML.
elemento anterior	El "elemento anteriorSe utiliza la propiedad HTML DOM para mostrar el hermano del elemento HTML anterior.
desplazamiento	El "desplazamientoSe utiliza la propiedad HTML DOM para mostrar la altura de un elemento HTML.
estilo	El "estiloSe utiliza la propiedad HTML DOM para cambiar o mostrar el valor del atributo de un elemento HTML.
tabindex	El "tabindex"La propiedad HTML DOM se utiliza para cambiar o mostrar el valor del índice de pestaña del atributo de un elemento HTML.
nombre de etiqueta	El "nombre de etiqueta"La propiedad HTML DOM se utiliza para mostrar el nombre de la etiqueta de un elemento.
contenido del texto	El "contenido del texto"La propiedad HTML DOM se utiliza para cambiar o mostrar el contenido textual de un nodo.
título	El "título"Se utiliza para cambiar o mostrar el valor del atributo de título del elemento HTML.
guiones	El "guiones"La propiedad se usa para obtener todos los elementos del script.
StricterrorChing	El "StricterrorChingSe utiliza la propiedad para configurar la verificación de errores al modo estricto.
Url	El "UrlSe utiliza la propiedad HTML DOM para obtener la URL completa de un documento HTML.

Conclusión

Un elemento HTML definido como un objeto tiene algunas propiedades y métodos DOM. Los métodos DOM HTML especifican la acción que desea realizar en el elemento HTML, mientras que las propiedades HTML DOM son los valores que desea obtener o configurar para un objeto o elemento HTML particular. Este artículo discutió los métodos y propiedades HTML DOM. Además, también proporcionamos listas separadas de los métodos y propiedades DOM HTML más útiles en JavaScript.