Добавление и удаление элементов

Создание элемента

document.createElement создает новый узел элемента. document.createTextNode создает новый текстовый узел.


 var txt = document.createTextNode('Привет!')

Этот элемент, которые мы создали, не появится в документе, пока мы его не добавим к существующему элементу.


 <div class="text">Привет!</div>
 
 <script>

   var span = document.createElement('span');
   var node = document.createTextNode('Rapprogtrain');
       span.appendChild(node);
   
   var txt = document.getElementsByClassName('text');
   txt.appendChild(span);

 </script> 

Элемент appendChild(node) добавляет новый узел.

Удаление элементов

removeChild удаляет элемент.


<div id="text">
            <p id="ex-txt1">Привет!</p>
            <p id="ex-txt2">Я Вася.</p>
        </div>

 <script>

    var txt = document.getElementById("text");
    var ex1 = document.getElementById("ex-txt1");
    txt.removeChild(ex1);

    </script>