WebKit cann't find transition properties in document.body.style

by syoichi

JavaScript

(function (body) {
  var propNames = Object.keys(body.style).map(function (propName) {
    return propName.replace(/([A-Z])/g, function (all, matched) {
      return '-' + matched.toLowerCase();
    });
  });
  body.insertAdjacentHTML('AfterBegin', [
    'transition-property', 'transition-duration', 'transition-timing-function', 'transition-delay', 'transition'
  ].map(function (propName) {
    return propName + ': ' + (propNames.indexOf(propName) !== -1);
  }).join('<br>'));
}(document.body));