метод HTML DOM Document createTextNode()

определение и использование

createTextNode() метод создает текстовый узел.

смотрите также:

метод createElement() документа

метод appendChild() элемента

метод insertBefore() элемента

HTML элементы являются узлами

все HTML элементы являются узлами.

элементы являются узлами. Атрибуты являются узлами. Текст является узлом.

некоторые элементы содержат другие узлы.

некоторые элементы содержат текстовые узлы.

некоторые элементы содержат атрибутные узлы.

пример

пример 1

создание текстового узла и его добавление в документ:

let textNode = document.createTextNode("Hello World"); document.body.appendChild(textNode);

попробуйте сами

пример 2

создание <h1> элемента с текстовым узлом:

const h1 = document.createElement("h1");
const textNode = document.createTextNode("Hello World");
h1.appendChild(textNode);

попробуйте сами

пример 3

создание <p> элемента с текстовым узлом:

const para = document.createElement("p");
const textNode = document.createTextNode("Hello World");
para.appendChild(textNode);

попробуйте сами

грамматика

document.createTextNode(data)

параметр

параметр описание
data обязателен. текст узла.

возвратное значение

тип описание
узел ново созданный текстовый узел, представляющий data строка.

поддержка браузерами

document.createTextNode() является свойством DOM Level 1 (1998).

поддерживается всеми браузерами:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
поддержка 9-11 поддержка поддержка поддержка поддержка