appendChild вставляет после текста

[Webr]

Есть ячейка

<td>Текст ячейки</td>

Вставляю IMG:

var el = document.createElement("img");
cell.appendChild(el);

Эффект получается такой:

<td>Текст ячейки<img /></td>

а хотелось бы так:

<td><img />Текст ячейки</td>

[psywalker]

http://javascript.ru/tutorial/dom/modify

[klierik]

elem.insertBefore(newNode, refNode)

[Webr]

elem.insertBefore(newNode, refNode)

insertBefore сделает так:

<img /><td>Текст ячейки</td>

а не так:

<td><img />Текст ячейки</td>

Пробовал через innerHtml, но похоже это свойство read-only. Работает только через innerText, но вставляет с < и >

Edited May 12, 2011 by Webr

[Great Rash]

td.innerHTML = '<img />' + td.innerHTML;

Свойство не ридонли.

[psywalker]

elem.insertBefore(newNode, refNode)

insertBefore сделает так:

<img /><td>Текст ячейки</td>

а не так:

<td><img />Текст ячейки</td>

Пробовал через innerHtml, но похоже это свойство read-only. Работает только через innerText, но вставляет с < и >

А ты куда вставляешь то? Нужно перед текстовой нодой внутри ячейки.

[Webr]

td.innerHTML = '<img />' + td.innerHTML;

Свойство не ридонли.

Ага! Я набирал свойство не в том регистре. Странно, что несмотря на try-catch-alert браузер не выдавал ошибок.

А ты куда вставляешь то? Нужно перед текстовой нодой внутри ячейки.

Как достучаться до объекта текстового нода? (Специально создавать обрамление в виде span с id не хочу)

Edited May 12, 2011 by Webr

[Great Rash]

Как достучаться до объекта текстового нода?

Текстовая нода тоже нода, значит до нее, по идее, можно как и до обычной достучаться.

text = td.firstChild;

[psywalker]

td.innerHTML = '<img />' + td.innerHTML;

Свойство не ридонли.

Ага! Я набирал свойство не в том регистре. Странно, что несмотря на try-catch-alert браузер не выдавал ошибок.

А ты куда вставляешь то? Нужно перед текстовой нодой внутри ячейки.

Как достучаться до объекта текстового нода? (Специально создавать обрамление в виде span с id не хочу)

Нода - это девочка

Как достучаться до объекта текстового нода?

Текстовая нода тоже нода, значит до нее, по идее, можно как и до обычной достучаться.

text = td.firstChild;

+1 камрад

[Webr]

Нода - это девочка

Это всё эротические фантазии

[Veseloff]

someParentObject.appendChild(someChildObject, someParentObject.firstChild);

[rash]

someParentObject.appendChild(someChildObject, someParentObject.firstChild);

Это первое, что приходит в голову, но что будет, если нода пустая? Не придется ли эту ситуацию обрабатывать отдельно? Я еще не проверял, просто сразу о таком случае подумалось.

[Webr]

someParentObject.appendChild(someChildObject, someParentObject.firstChild);

Всё, что "append", добавляет в конец, т.е. после firstChild. Только что проверил.

Заметки себе:

text = td.firstChild;

cell.firstChild.innerHTML == undefined

а также

cell.firstChild.innerText == undefined

зато есть

cell.firstChild.wholeText

cell.firstChild.data

cell.firstChild.nodeValue

cell.firstChild.textContent

которые все выдают текст, хранящийся в td.

Edited May 12, 2011 by Webr

[psywalker]

Ребят, да вы чего??

Всё ж просто:

<div id="d" style="color: #000;">dfdfdf</div>
var d = document.getElementById('d');
d.insertBefore(document.createTextNode('Привет'),d.firstChild )

Нода - это девочка

Это всё эротические фантазии

Нода - Это она - а значит женского рода

[Webr]

Нода - Это она - а значит женского рода

У американцев node это вообще бесполое. А по-русски - "узел".

Ребят, да вы чего??

Всё ж просто:

<div id="d" style="color: #000;">dfdfdf</div>
var d = document.getElementById('d');
d.insertBefore(document.createTextNode('Привет'),d.firstChild )

Собственно, да.

var el = document.createElement("img");
el.src = "plus.gif";
el.width = 10;
el.style.height = 10;
el.style.border = "solid 1px black";
el.alt = "Нажмите, чтобы развернуть";
el.title = "Нажмите, чтобы развернуть";

cell.insertBefore(el, cell.firstChild);

Работает. Спасибо, ребята.

Edited May 12, 2011 by Webr

[s0rr0w]

Это первое, что приходит в голову, но что будет, если нода пустая? Не придется ли эту ситуацию обрабатывать отдельно? Я еще не проверял, просто сразу о таком случае подумалось.

Не придется. Если ноды нет, работает как appendChild