Javascript ошибка в Chrome и Opera

Question

При разработке некоторый код JavaScript для браузера я столкнулся странные ошибки в Chrome:

var element = document.getElementById('someId'); 
element.style.customProp = 'my property'; 

element.addEventListener('click', function() { 
    console.log(element.style.customProp); 
}, false); 

На нажмите консольных печатает «неопределенными», но когда я изменить код:

var element = document.getElementById('someId'); 
element.style.customProp = 'my property'; 
var a = element.style; 

element.addEventListener('click', function() { 
    console.log(element.style.customProp); 
}, false); 

консоль печатает «моя собственность».

Первая версия кода работает как в Firefox, так и в Internet Explorer. Это не в Chrome и Opera. Для меня это явно ошибка, но, может быть, я чего-то не хватает. Это действительно ошибка или что мне не хватает?

Answer 1

кажется WebKit Буг

См Fiddle 1 (работ) по сравнению с Fiddle 2 (не)

Некоторые свойства, кажется, чтобы блокировать пользовательские свойства стиля в Chrome. Этот тест показывает радиус границы, но другие могут.

Это, похоже, не имеет значения, используется ли я:

var element = document.getElementById('someId'); 
element.style.customProp = 'my property'; 

element.addEventListener('click', function() { 
    console.log(element.style.customProp); 
}, false); 

или:

var element = document.getElementById('someId'); 
element.style.customProp = 'my property'; 
var a = element.style; 

element.addEventListener('click', function() { 
    console.log(element.style.customProp); 
}, false);  

Для чего это стоит, я увидел ошибку на Chrome 31. Не уверен, что могут быть и другие варианты пострадавшие.

Представлен отчет here

Answer 2

element.style является экземпляром CSSStyleDeclaration, что означает, что объект хозяина, а не родные объекты JavaScript.

Спецификация ECMAScript заявляет, что объекты хоста не подчиняются тем же правилам, что и нативные объекты, поэтому я не ожидал, что это будет определено как «ошибка» (хотя я никогда не мог ее реплицировать).