barbitoff programmer`s blog: JavaScript: Как установить текст внутри узла DOM, не являющегося текстовым

barbitoff programmer`s blog

Здесь я публикую заметки из программерской жизни: грабли, на которые мне случилось наступить, проблемы, для которых было найдено элегантное (или не очень) решение, а также все, с чем мне пришлось столкнуться и чем хотелось бы поделиться =)

PS Если хотите меня поблагодарить - на странице есть 3 места, чтобы это сделать =)

пятница, 9 декабря 2011 г.

JavaScript: Как установить текст внутри узла DOM, не являющегося текстовым

Задача:

Задать текст внутри узла типа ELEMENT_NODE (т.е. обычного узла DOM-дерева). Пусть узел содержится в переменной element, а текст - в переменной txt (и element.nodeType равен 1 или, в Firefox, константе element.ELEMENT_NODE).

Решение:

Создать дочерний узел типа 3 (TEXT_NODE) с заданным текстом:

var txtNode = document.createTextNode(txt);
element.appendChild(txt);

В принципе, можно было воспользоваться и не стандартизированным свойством element.innerHtml , но приведенный выше способ корректнее с точки зрения стандарта.

barbitoff programmer`s blog