Як я можу посилатись на властивість об’єкта javascript із дефісом у ньому?

Використовуючи цей скрипт, щоб створити об'єкт стилю для всіх успадкованих тощо стилів.

var style = css($(this));
alert (style.width);
alert (style.text-align);

з наступним, перше сповіщення буде добре працювати, але друге - не .. воно трактує -як мінус, я припускаю .. налагоджувач говорить "помилка невловимого посилання". Я не можу ставити цитати навколо нього, тому що це не рядок. Тож як я можу використовувати цю властивість об’єкта?

EDIT

Погляньте на коментарі, ви побачите, що для css властивостей позначення ключів не сумісні з низкою властивостей. Тому використання ключових позначень корпусу верблюда є поточним способом

obj.style-attr // would become 

obj["styleAttr"]

Використовуйте ключові позначення, а не крапки

style["text-align"]

Усі масиви в js - це об'єкти, а всі об'єкти - це просто асоціативні масиви, це означає, що ви можете посилатися на місце в об’єкті так само, як ви б посилалися на ключ у масиві.

arr[0]

або об’єкт

obj["method"] == obj.method

кілька речей, які слід пам’ятати, отримуючи доступ до властивостей таким чином

1. вони оцінюються, тому використовуйте рядки, якщо ви не робите щось із лічильником або використовуєте імена динамічних методів.

   це означає, що obj [метод] дасть вам невизначену помилку, тоді як obj ["метод"] не буде

2. Ви повинні використовувати це позначення, якщо ви використовуєте символи, які не дозволені у js-змінних.

Цей регекс в значній мірі підсумовує його

[a-zA-Z_$][0-9a-zA-Z_$]*

Властивості CSS з a -представлені в camelCase в об'єктах Javascript. Це було б:

alert( style.textAlign );

Ви також можете використовувати позначення дужок, щоб використовувати рядок:

alert( style['text-align'] );

Імена властивостей можуть містити лише символи, цифри, добре відомий $знак та _(завдяки pimvdb).

Відповідь на початкове запитання: розмістити ім'я властивості в лапках і використовувати індексацію стилів масиву:

obj['property-with-hyphens'];

Кілька із них зазначили, що майно, яке вас цікавить, є власністю CSS. Властивості CSS, що мають дефіси, автоматично перетворюються на кожух верблюда. У такому випадку ви можете використовувати назву верблюда, наприклад:

style.textAlign;

Однак це рішення працює лише для властивостей CSS. Наприклад,

obj['a-b'] = 2;
alert(obj.aB);          // undefined
alert(obj['a-b']);      // 2

Використовуйте дужки:

var notTheFlippingStyleObject = {
    'a-b': 1
};

console.log(notTheFlippingStyleObject["a-b"] === 1); // true

Більше інформації про об'єкти: MDN

ПРИМІТКА. Якщо ви отримуєте доступ до об'єкта стилю , CSSStyleDeclaration , використовуйте must camelCase для доступу до нього з javascript. Більше інформації тут

alert(style.textAlign)

або

alert(style["textAlign"]);

Безпосередньо відповісти на питання: style['text-align']як ви посилаєтесь на властивість із дефісом у ньому. Але style.textAlign(або style['textAlign']) - це те, що слід використовувати в цьому випадку.

На властивості стилю дефісом посилаються через camelCase в JavaScript , тому використовуйте style.textAlign.

Щоб вирішити вашу проблему : Властивості CSS з дефісами в них представлені властивостями JavaScript у camelCase, щоб уникнути цієї проблеми. Ви хочете: style.textAlign.

Щоб відповісти на питання : Використовуйте позначення квадратної дужки : obj.propте саме, що obj["prop"]ви можете отримати доступ до імен властивостей за допомогою рядків та використовувати символи, заборонені в ідентифікаторах.

Імена властивостей об'єкта не відповідають однозначним іменам css.

Я думаю , що в разі стилів CSS вони переодягнутися до верблюжому в Javascript так test-alignстають textAlign. У загальному випадку, коли ви хочете отримати доступ до властивості, яка містить нестандартні символи, ви використовуєте стиль масиву. ['text-align']

Спочатку мені цікаво, чому рішення не спрацювало на моєму кінці

api['data-sitekey'] //returns undefined

... згодом з’ясуємо, що доступ до атрибутів даних відрізняється: він повинен бути таким:

var api = document.getElementById("some-api");
api.dataset.sitekey

Сподіваюся, це допомагає!