DEV Community

Dev Ananth Arul
Dev Ananth Arul

Posted on

DOM Methods and Properties

Selection:
document.getElementById('idName')
document.getElementsByClassName('className')
document.getElementsByTagName('tagName')
document.querySelector('cssSelector')
document.querySelectorAll('cssSelector')

Content Manipulation:
element.textContent
element.innerHTML
element.setAttribute('attributeName', 'value')
element.getAttribute('attributeName')

Style Manipulation:
element.style.propertyName (element.style.color = 'red')
Structure Manipulation:
document.createElement('tagName')
parentNode.appendChild(childNode)
parentNode.removeChild(childNode)

Event Handling:
element.addEventListener('eventName', function)

Top comments (0)