Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> appendChild добавляет в начало, как добавить элемент именно в конец? 
:(
    Опции темы
Alex_B
Дата 4.6.2007, 12:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 122
Регистрация: 24.4.2007

Репутация: нет
Всего: 1
Есть ячейка таблицы в которую вставлено изображение:

Код

<td width="120px" align="right" id="buts">
        <img src="/img/save.jpg" alt="save" style="float:right;">
</td>


Далее с помощью JavaScript вставляю в эту ячейку еще изображение:

Код

var newBut = document.createElement('img');
newBut.setAttribute('src','/img/img2.jpg');
newBut.setAttribute('alt', 'img2');
newBut.setAttribute('id', 'img2');
newBut.setAttribute('style', 'float:right;');

newBut = document.getElementById('buts').appendChild(newBut);


И получается такая картина:
|изображение 2| изображение 1|

т.е. второе изображение добавляется не в конец, а в начало.


Что нужно сделать, что бы после вставки узла DOM, втарая картинка добалялась после уже вставленной
|изображение 1| изображение 2|

Спасибо.
PM MAIL   Вверх
SelenIT
Дата 4.6.2007, 13:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 49
Всего: 401
Alex_B, все нормально - в коде новая картинка идет позже старой (в этом можно убедиться, выведя innerHTML ячейки), просто именно так работает float:right. А, кстати, зачем он вообще тут нужен, если содержимое ячейки и так выравнено по правому краю соотв. атрибутом?


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Alukard
Дата 5.6.2007, 10:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 14.11.2006

Репутация: нет
Всего: нет
Попробуй так, может поможет:
замени:
Код

newBut = document.getElementById('buts').appendChild(newBut);


на:

Код

oButs = document.getElementById('buts');
oButs.appendChild(newBut);




Это сообщение отредактировал(а) Alukard - 5.6.2007, 10:27
--------------------
Блог блогу рознь: Алукардные РецептыPHP, Операционные системы, Россия & США...etc.
PM MAIL   Вверх
Alex_B
Дата 7.6.2007, 12:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 122
Регистрация: 24.4.2007

Репутация: нет
Всего: 1
SelenIT, спасибо все дело было в float:right.
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1676 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.