Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.09.2008, 18:28
Интересующийся
Отправить личное сообщение для alexeews Посмотреть профиль Найти все сообщения от alexeews
 
Регистрация: 28.09.2008
Сообщений: 12

Добавление стилей к вновь созданному элементу
Доброго времени суток.
Возникла следующая проблема, я создаю новый элемент, присваиваю ему в качестве свойств класс, id, и т.д. методом
newEl.setAttribute('attrName', ‘attrValue’)
, и всё бы замечательно, но когда я пытаюсь присвоить «дополнительный стиль» т.е. создать элемент со следующим кодом
<tegName  id=”idnr” name=”elName” … class=”myclass” style=”margin: 4px 0 0 2px; color: #FFFFFF; font-size: 10pt;”> </tegNmae>

При попытке добавить атрибут style, начинается матерная ругань, со стороны браузера,
Пробовал как
$newEl.style.staleName = styleValue;
то же невыходит.
Да кстати новый элемент (к которому добавляется стиль), находиться в памяти, т.е. ещё не размещён на странице.
Пожалуйста, подскажите, как это правильно реализовать, или дайте ссылочку, где и что можно почитать на эту тему,
Большое спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 28.09.2008, 19:12
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 24.07.2008
Сообщений: 1,271

var d = document.createElement('div');
d.id = 'DIV1';
d.style.width = '100px';
d.style.height = '50px';
d.style.border = '1px solid red';
Ответить с цитированием
  #3 (permalink)  
Старый 28.09.2008, 19:53
Интересующийся
Отправить личное сообщение для alexeews Посмотреть профиль Найти все сообщения от alexeews
 
Регистрация: 28.09.2008
Сообщений: 12

Дело в том, что имя устанавливаемого атрибута, должно быть переменной, т.е.
$newEl.style.staleName , где staleName – переменная, добавление идёт в цикле, но почему то не срабатывает
Ответить с цитированием
  #4 (permalink)  
Старый 28.09.2008, 20:27
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 24.07.2008
Сообщений: 1,271

var name = 'border';
d.style[name] = '1px solid red';
Ответить с цитированием
  #5 (permalink)  
Старый 29.09.2008, 00:40
Интересующийся
Отправить личное сообщение для alexeews Посмотреть профиль Найти все сообщения от alexeews
 
Регистрация: 28.09.2008
Сообщений: 12

ZoNT - Спасибо! Всё заработало.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
кроссбраузерное добавление обработчика событий элементу krinart Events/DOM/Window 5 30.09.2008 03:38