1. operación DOM
DOM es la operación del documento, es encontrar la etiqueta html correspondiente a la operación
Segundo, encuentra la etiqueta
1. Búsqueda directa
document.getElementById Encuentra de acuerdo con el atributo de id de etiqueta
document.getElementsByName busca de acuerdo con el atributo de nombre de la etiqueta
document.getElementsByClassName busca de acuerdo con el atributo de clase
document.getElementsByTagName para buscar por nombre de etiqueta
2. Búsqueda indirecta
parentElement etiqueta de nodo primario
chlidren: todas las subetiquetas
firstElementChild primera etiqueta de palabra
lastElementChild última etiqueta secundaria
nextElementSibling next brother tag
previousElementSibling Etiqueta de hermano anterior
3. Etiqueta de operación
1. Operaciones de texto
tag.innerText manipula el contenido del texto
tag.innerHtml opera todo dentro
tag.value El valor de la etiqueta de operación
2. Operación de estilo
tag.className = "" opera directamente el conjunto
Operación tag.classList en la lista de clases
tag.classList.add ('nombre de estilo') agregar estilo
tag.classList.remove ('nombre de estilo') eliminar estilo
Operación 3.style
tag.style.fontSize = '16px' Operar directamente en el atributo de estilo
4. Operación de atributos
tag.setAttribute ('Nombre de atributo', 'Valor de atributo') Agregar atributo
tag.getAttribute ('Nombre de atributo') Obtener atributo
tag.removeAttribute ('Nombre de atributo') eliminar atributo
tag.attributes Obtenga todos los atributos