Как мне сослаться на свойство объекта javascript с дефисом в нем?

Использование этого скрипта для создания объекта стиля из всех унаследованных стилей и т. Д.

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

со следующим, первое предупреждение будет работать нормально, а второе - нет ... оно интерпретирует -как минус, я полагаю ... отладчик говорит "ошибка неперехваченной ссылки". Однако я не могу заключить его в кавычки, потому что это не строка. Итак, как мне использовать это свойство объекта?

РЕДАКТИРОВАТЬ

Посмотрите на комментарии, и вы увидите, что для свойств css обозначение ключей несовместимо с рядом свойств. Следовательно, использование ключевой нотации верблюжьего регистра является текущим способом

obj.style-attr // would become 

obj["styleAttr"]

Используйте обозначение клавиш, а не точку

style["text-align"]

Все массивы в js являются объектами, а все объекты - просто ассоциативными массивами, это означает, что вы можете ссылаться на место в объекте так же, как если бы вы ссылались на ключ в массиве.

arr[0]

или объект

obj["method"] == obj.method

пара вещей, которые следует помнить при доступе к свойствам таким образом

1. они оцениваются, поэтому используйте строки, если вы не делаете что-то со счетчиком или не используете имена динамических методов.

   это означает, что obj [method] выдаст вам неопределенную ошибку, а obj ["method"] - нет.

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']) - вот что следует использовать в этом случае.

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

Чтобы решить вашу проблему : чтобы избежать этой проблемы, свойства CSS с дефисами в них представлены свойствами JavaScript в camelCase . Вы хотите: style.textAlign.

Чтобы ответить на вопрос : Используйте запись в квадратных скобках : obj.propто же самое, что obj["prop"]и для доступа к именам свойств, используя строки и символы, запрещенные в идентификаторах.

Имена свойств объекта не совпадают однозначно с именами css.

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

Сначала мне интересно, почему решение не сработало с моей стороны

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

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

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

Надеюсь это поможет!