Methodos: Crear elementos con innerHTML & Añadir Clases CSS con classList & elements.length

Crear nuevos elementos:               Nuevos Elementos

Darle estilo css a los elementos:   Añade estilos CSS

Número de elementos:                  Número de Párrafos

CODE

<h1>Methodos: Crear elementos con innerHTML & Añadir Clases CSS con classList & elements.length</h1>

<p>Crear nuevos elementos:
<button onclick="document.getElementById('demo').innerHTML = 'Elementos Nuevos';">Nuevos Elementos</button></p>

<p>Darle estilo css a los elementos:
<button onclick="var list = document.getElementById('demo').classList;list.add('myStyleNuevo');">Añade estilos CSS</button></p>
                     
 <p>Número de elementos:
 <button onclick="const elements = document.getElementsByTagName('p');
document.getElementById('demo').innerHTML = elements.length + ' Párrafos en el Bloque';">Número de Párrafos</button></p>          
             
<div id="demo">
Bloque Elementos Iniciales Activos</p></div>