JAVASCRIPT
Get and Set Text Content of a DOM Element
Learn to efficiently retrieve and update the plain text content of any HTML element using `textContent` in JavaScript, ensuring cross-browser compatibility and security.
function updateElementText(elementId, newText) {
const element = document.getElementById(elementId);
if (element) {
element.textContent = newText;
return true;
}
return false;
}
function getElementText(elementId) {
const element = document.getElementById(elementId);
return element ? element.textContent : null;
}
How it works: These utility functions demonstrate how to both read and write the plain text content of an HTML element. `textContent` is generally preferred over `innerText` for performance and consistency, as it retrieves the text content of all elements (including script and style elements) without triggering a reflow, making it ideal for dynamic text updates.