[JAVASCRIPT] Metodi per creare ed eliminare elementi e attributi html

Creazione di elementi ed attributi

Il metodo document.createElement([nmometag]) consente di creare un elemento html nella pagina, passando come argomento (ovvero all’interno delle sue parentesi) il relativo nome del tag.
Il metodo document.createAttribute([nmomeattributo]) consente di creare l’attributo di un elemento html nella pagina, passando come argomento (ovvero all’interno delle sue parentesi) il relativo nome.
Il metodo [nomeelementohtml].setAttributeNode([nmomeattributo]) consente di creare l’attributo di un elemento html nella pagina, passando come argomento (ovvero all’interno delle sue parentesi) il relativo nome.
Il metodo [nomeelementohtml].setAttributeNode([nmomeattributo]) consente di creare l’attributo di un elemento html nella pagina, passando come argomento (ovvero all’interno delle sue parentesi) il relativo nome.

<style>
.NuovoParagrafo {
  color:red;
}
</style>
<script>
function AttivaMetodoCreativo() {
   var mainDiv = document.getElementById("MioDiv");
   var Paragrafo = document.createElement("paragrafo").innerHTML = "Nuovo paragrafo";
   var ClassAttr = document.createAttribute("class");
 
   ClassAttr.value = ".NuovoParagrafo";
   Paragrafo.setAttributeNode(ClassAttr);
 
   document.body.insertBefore(Paragrafo, mainDiv);
   mainDiv.appendChild(Paragrafo);
}
</script>
<div class="MioDiv">
 <p>Paragrafo preesistente</p>
</div>
<button onclick="AttivaMetodoCreativo()">attiva metodo</button>