❤ Informe del elemento de operación: no se pueden leer las propiedades de la solución nula (lectura appendChild)
1. Escena:
Escribí una representación js, pero hubo un pequeño problema. No se pueden leer las propiedades de nulo (leer appendChild) informó un error.
<div id="divps" class="divps"></div>
El significado aproximado es: los atributos vacíos no se pueden leer.
2. Solución
1. console.log() //Imprime el contenido de los datos y comprueba si hay algún problema al obtener los datos.
2. La introducción de js se coloca al final del cuerpo, la página se ejecuta de arriba a abajo y el HTML no se ejecuta, por supuesto, no se puede obtener el nodo correspondiente.
3. Cuando se usa getElementsByClassName(''div") para obtener elementos, devuelve una matriz en lugar de ubicar un objeto específico.
También existe el método getElementsByTagName(). El método getElementsByTagName() devuelve un objeto HTMLCollection. El objeto HTMLCollection es similar a una matriz que contiene elementos HTML. Puede parecer una matriz, pero no lo es. Sin embargo, como una matriz, usted Puede utilizar un índice para obtener elementos.
3 、后期添加:
En muchas operaciones posteriores, Array.form() en ES6 también puede convertir este tipo de matriz en una matriz;
Por lo tanto, cuando utilice este método para obtener elementos, solo necesita ubicar un elemento específico e informarle al navegador en qué elemento agregar nodos secundarios.
Cambie de la siguiente manera:
document.getElementsByClassName(“divps”)[0];
O simplemente obtener la identificación
document.getElementById(“divps”);