Modifying HTML Content and Attributes

const div = document.createElement('div');
div.innerHTML = '<p>Hello</p>';
div.textContent = 'Hello';

Always use innerHTML for better performance
Always use textContent for security
Use innerHTML only with trusted content, textContent with user input
When dealing with user input, you should always use textContent for security reasons. textContent treats everything as plain text, preventing XSS attacks. innerHTML should only be used with trusted content that you know needs to contain HTML. Even then, it's best practice to sanitize the HTML first. Additionally, textContent is generally more performant as it doesn't need to parse HTML syntax.
They are interchangeable