Не изменяется стиль.
Здравствуйте! Моя проблема состоит в невозможности изменить стиль элемента span, а именно элемента в переменной newElNum. Я пробовал изменить так:
newElNum.style="width:'100';height:'100'color:red";Если проблема со всем кодом, то вот он:
var arr = ["computer", "computer", "notebook", "notebook", "notebook", "notebook", "computer2"];
for (var i = 0; i < arr.length; i++) {
var newEl = document.createElement("img");
var newElNum = document.createElement("span");
(arr[i] in arr) ? arr[ arr[i] ]++
:
arr[ arr[i] ] = 1;
if ( arr[ arr[i] ] > 1 ) { // если елементов > 1
var searchElements = document.getElementById(arr[i]);
searchElements.innerHTML = "(x" + arr[ arr[i] ] + ")";
continue;
}
switch(arr[i]) {
case "notebook":
newEl.src = "http://www.iconsearch.ru/uploads/icons/realistik-new/128x128/laptop.png";
newElNum.id = "notebook";
break;
case "computer":
newEl.src = "http://iconizer.net/files/Phuzion/orig/Computer.png";
newElNum.id = "computer";
break;
case "computer2":
newEl.src = "http://remont-pk63.hol.es/sites/default/files/mycomputer_4137_0.png";
newElNum.id = "computer2";
break;
}
newElNum.style="width:'100px';height:'100px';color:red;";
document.body.appendChild(newEl);
document.body.appendChild(newElNum);
}
Я только новичок, буду очень рад за помощь. P.S А если поместить элементы внутрь этого div(ниже), то стиль измениться. <div id="chestGoods" style="width:'100px';height:'100px';color:red;"></div> P.P.S Проверяю изменился стиль или нет смотря на текст внутри innerHTML этого newElNum; |
Web_genius,
newElNum.style.cssText -- кавычки ненужны внутри -- но лучше прописать каждое свойство отдельно http://learn.javascript.ru/styles-an...#style-csstext и на всякий если для span нужен размер -- сделайте его блочным. newElNum.style.cssText="width:100px;height:100px;color:red;display: inline-block;background: #ccc;"; |
Благодарность.
Спасибо большое за неравнодушие! Действительно так все работает.
Уже скоро дойду до той темы и все вызубрю. |
| Часовой пояс GMT +3, время: 13:14. |