Создание текстовых узлов с помощью createTextNode в JavaScript

Метод document.createTextNode() создаёт текстовый узел без оборачивающего HTML-тега. Полезная вещь когда нужно добавить чистый текст в элемент, не затрагивая его структуру.

let textNode = document.createTextNode('Тут был Dxrkd3v');

Пример встраивания текста в параграф, на чистом JS не редактируя HTML

let p = document.createElement('p');  
let t = document.createTextNode('Привет, Cxd3!');  

p.appendChild(t);  
document.body.appendChild(p); 

Также метод позволяет менять текст на лету

let div = document.getElementById('h1');  
div.appendChild(document.createTextNode('New h1!'));  

createTextNode() прикольный способ добавить текст без изменения структуры документа. Он позволяет точно управлять контентом, не нарушая существующий HTML.


Home About Links

Text me