Modifying HTML Content and Attributes

const element = document.querySelector('#myElement');
element.innerHTML = '<p>New content</p>';
element.textContent = '<p>New content</p>';

They produce the same output
innerHTML will create a paragraph element, textContent will show the tags as text
The key difference is that innerHTML parses and renders HTML content, while textContent treats everything as plain text. With innerHTML, '<p>New content</p>' creates an actual paragraph element containing 'New content'. With textContent, the exact string '<p>New content</p>' will be displayed as text, including the tags. This is why textContent is safer for user-generated content, as it prevents HTML injection.
innerHTML is faster than textContent
textContent only works with text nodes