Не изменяется стиль.
Здравствуйте! Моя проблема состоит в невозможности изменить стиль элемента 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, время: 09:11. |