'; // Append link into li li.appendChild(link); // Append li as child to ul document.querySelector('ul.collection').appendChild(li); // console.log(li);"> '; // Append link into li li.appendChild(link); // Append li as child to ul document.querySelector('ul.collection').appendChild(li); // console.log(li);"> '; // Append link into li li.appendChild(link); // Append li as child to ul document.querySelector('ul.collection').appendChild(li); // console.log(li);">
// Create element
const li = document.createElement('li');

// Add class
li.className = 'collection-item';

// Add id
li.id = 'new-item';

// Add attribute
li.setAttribute('title', 'New Item');

// Create text node and append
li.appendChild(document.createTextNode('Hello World'));

// Create new link element
const link = document.createElement('a');

// Add classes
link.className = 'delete-item secondary-content';

// Add icon html
link.innerHTML = '<i class="fa fa-remove"></i>';

// Append link into li
li.appendChild(link);

// Append li as child to ul
document.querySelector('ul.collection').appendChild(li);

// 

console.log(li);