Element
- Element.attributes
- Element.classList
- Element.id
- Element.innerHTML
- Element.hasAttribute()
- Element.setAttribute()
- Element.insertAdjacentHTML()
- Element.querySelector()
- Element.querySelectorAll()
- ChildNode.remove()
Element.attributes
document.body.attributes[0].name
document.body.attributes[0].value
Element.classList
document.body.classList.remove('color-red')
document.body.classList.add('color-blue')
Element.className
document.body.className = 'text-center'
Element.id
document.body.id
Element.innerHTML
document.body.innerHTML = '<h1>Lorem ipsum</h1>'
Element.hasAttribute()
document.body.hasAttribute('id')
Element.setAttribute()
document.body.setAttribute('class', 'active red')
Element.insertAdjacentHTML()
const tbody = document.querySelector('table tbody')
tbody.insertAdjacentHTML('afterbegin', '<tr><td>Item</td></tr>')
tbody.insertAdjacentHTML('beforeend', '<tr><td>Item</td></tr>')
Element.querySelector()
const tbody = document.querySelector('table tbody')
tbody.querySelector('#time')
Element.querySelectorAll()
const tbody = document.querySelector('table tbody')
tbody.querySelectorAll('.last-column')
ChildNode.remove()
const tbody = document.querySelector('table tbody')
const lastRow = tbody.querySelector('#last-row')
lastRow.remove()