хром и проблема CSS

Question

У меня есть этот HTML код

<div id = 'status'> 
<span class="formw" style="background-color:#FBD9E5;"> 
some text 
</span> 
</div> 

Когда следующий Javascript запускается на выполнение

$('status').style.backgroundColor = '#99e83f'; 

хром бросает следующее сообщение об ошибке:

Uncaught TypeError: Cannot read property 'style' of null 

Кто-нибудь знает причину?

Обновление: Я использую Prototype.

Answer 1

Попробуйте

$('#status').style.backgroundColor = '#99e83f'; 

Answer 2

если вы используете JQuery попробовать этот

$('#status').css('background-color','green'); 

это должно работать

Answer 3

Есть две ошибки в:

$('status').style.backgroundColor = '#99e83f'; 

Во-первых:

• Вы пропускаете # указать идентификатор в вашем селекторе для состояния дел.

Второе:

• Свойство style не будет работать на объекте JQuery, который $('#status').

---

Решение:

Метод один:

$('#status')[0].style.backgroundColor = '#99e83f'; 

[0] добавлен выше преобразует объект JQuery в обычный DOM элемента таким образом, что style свойство применяется успешно.

Способ второй:

('#status').css('background-color','#99e83f'); 

Answer 4

Иногда есть некоторый DOM икота, когда дело доходит до элементов прототипа при использовании классических методов DOM.

Вместо этого используйте определенные методы в прототипе для чтения и установки стилей для элемента.

Оба метода интересующие вас является:

• .setStyle, документация (http://www.prototypejs.org/api/element/setStyle)
• .GetStyle, документация (http://www.prototypejs.org/api/element/getStyle)

Так, в примере, если вы хотите установить фон вашего элемента, вы должны использовать:

Если вы хотите прочитать атрибут, вы должны использовать :

$('status').getStyle('background-color') 

для Jquery толпы, $ ('ELEMENT_ID') является эквивалентом стенография для document.getElementById ('ELEMENT_ID'). Если вы хотите получить элемент по селектору, это будет $$ ('#element_id') .first().

Answer 5

Вы конкретно упоминаете Google Chrome. Chrome более строит стандарты, чем большинство, особенно если ваш документ имеет DOCTYPE.

Разметка <div id = 'status'> вызывает у меня подозрение. Хотя большинство браузеров прощают об общих синтаксических ошибках, возможно, что при наличии id пространство, отделенное от равных, заставляет его рассматривать как логический атрибут, что эквивалентно <div id="id">.

Вы можете проверить это открытие консоли JavaScript (Shift + Ctrl + J) и посмотреть, какие результаты от ввода:

$('status') 
$('id') 

Для решения попробовать так:

<div id="status"> 

PS , Я бы предположил, что вы на самом деле не хотите изменять стиль DIV, но диапазон, для которого верно любое из следующего.

$$('#status .formw').style.backgroundColor = '#99e83f'; 

$$('#status span').style.backgroundColor = '#99e83f'; 

$('status').down('.formw').style.backgroundColor = '#99e83f'; 

$('status').select('span').style.backgroundColor = '#99e83f';