Append jQuery

Append javascript

by Ivan Ferrer

HTML

<ol class="wrap-card" id="demo">
        <li class="card card_colorFirst" data-color="first">
        <nav class="wrap-card-btns">
            <ul>
                <li class="btn-pad card_delete">
                    <a href="">Excluir</a>
                </li>
                <li class="btn-pad card_edit">
                    <a href="">Editar</a>
                </li>
                <li class="btn-pad card-colors isActive" data-color="first">
                <a href="#">Azul</a>
                </li>
                <li class="btn-pad card-colors" data-color="second">
                <a href="#">Amarelo</a>
                </li>
                <li class="btn-pad card-colors" data-color="third">
                <a href="#">Vermelho</a>
                </li>
                <li class="btn-pad card-colors" data-color="fourth">
                <a href="#">Verde</a>
                </li>
            </ul>
        </nav>
        <p class="card-content" contenteditable="false">
            Bem-vindo ao Ceep
        </p>
        </li><!--
     --></ol>

JavaScript

// criando um nó do tipo <li>
var node = document.createElement("LI"); 
// criando uma tabela
var tabela = document.createElement("TABLE");     
var tr = document.createElement('tr');
var td = document.createElement('td');
var tab_tr = tabela.appendChild(tr);
    tab_tr.appendChild(td);
var txt = document.createTextNode('Olá Mundo!');    
    td.appendChild(txt);

node.appendChild(tabela);     
 // acrescenta o elemento                         
document.getElementById("demo").appendChild(node);