Puedo hacer doble clic en los atributos y cambiarlos en el inspector de Google Chrome. Puedo agregar CSS, puedo agregar Javascript a la consola. ¿Pero puedo agregar HTML?¿Cómo inserto un elemento HTML en el inspector de Google Chrome?
Haga clic derecho en un elemento en el inspector y seleccione "Editar como HTML".
A continuación, puede agregar el HTML que desee dentro de él.
Advertencia: Esto destruirá el elemento con todos sus descendientes, y después volver a ellos una vez que haya terminado de editar el código HTML. Cualquier receptor de eventos establecido en cualquiera de esos elementos ya no funcionará, y se perderán las referencias que pueda tener a cualquiera de esos elementos.
Si tiene que mantener vivos los elementos, tendrá que hacerlo mediante programación. Después de seleccionar el elemento que desea editar, diríjase a la consola y agregue programáticamente el elemento que desee. Dentro de la consola, puede hacer referencia al elemento seleccionado por el nombre de la variable $0. Por ejemplo, si desea agregar un div al elemento seleccionado actualmente, escríbalo en la consola:
$0.appendChild(document.createElement('div'));