İçinde tire bulunan bir javascript nesnesi özelliğine nasıl başvurabilirim?

Devralınan tüm vb. Stillerin bir stil nesnesi oluşturmak için bu komut dosyasını kullanma .

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

aşağıdakilerle, ilk uyarı iyi çalışır, ancak ikincisi çalışmaz .. bunu -eksi olarak yorumluyor sanırım .. hata ayıklayıcı 'yakalanmamış referans hatası' diyor. Yine de tırnak işareti koyamam çünkü bu bir dizge değil. Peki bu nesne özelliğini nasıl kullanırım?

DÜZENLE

Yorumlara bakın, css özellikleri için anahtar gösteriminin bir dizi özellikle uyumlu olmadığını göreceksiniz. Bu nedenle, deve durumu anahtar gösterimini kullanmak şu anki yoldur

obj.style-attr // would become 

obj["styleAttr"]

Nokta yerine anahtar gösterimi kullanın

style["text-align"]

Js'deki tüm diziler nesnelerdir ve tüm nesneler yalnızca ilişkilendirilebilir dizilerdir, bu, bir dizideki bir anahtara başvurduğunuz gibi bir nesnedeki bir yere başvurabileceğiniz anlamına gelir.

arr[0]

veya nesne

obj["method"] == obj.method

bu şekilde mülklere erişirken hatırlanması gereken birkaç şey

1. bunlar değerlendirilir, bu nedenle bir sayaçla bir şey yapmadığınız veya dinamik yöntem adları kullanmadığınız sürece dizeleri kullanın.

   bu, obj [yöntem] 'in tanımsız bir hata vereceği, obj ["yöntem"] ise vermeyeceği anlamına gelir.

2. Js değişkenlerinde izin verilmeyen karakterler kullanıyorsanız, bu gösterimi kullanmalısınız.

Bu normal ifade bunu özetliyor

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

A ile CSS özellikleri -, Javascript nesnelerinde camelCase'de temsil edilir. Olurdu:

alert( style.textAlign );

Dizeyi kullanmak için köşeli parantez gösterimi de kullanabilirsiniz:

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

Mülk adları yalnızca karakterler, sayılar, iyi bilinen $işaret ve _(pimvdb sayesinde) içerebilir.

Orijinal sorunun cevabı şudur: özellik adını tırnak içine alın ve dizi stili indekslemeyi kullanın:

obj['property-with-hyphens'];

Bazıları, ilgilendiğiniz mülkün bir CSS mülkü olduğuna işaret etti. Kısa çizgiye sahip CSS özellikleri otomatik olarak deve harfli büyüklüğe dönüştürülür. Bu durumda deve kasalı adını şu şekilde kullanabilirsiniz:

style.textAlign;

Ancak bu çözüm yalnızca CSS özellikleri için işe yarar. Örneğin,

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

Parantez kullanın:

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

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

Nesneler hakkında daha fazla bilgi: MDN

NOT: Stile erişiyorsanız CSSStyleDeclaration nesnesine javascript'ten erişmek için must camelCase'i kullanın. Daha fazla bilgi burada

alert(style.textAlign)

veya

alert(style["textAlign"]);

Soruyu doğrudan yanıtlamak için: style['text-align']içinde tire bulunan bir özelliğe nasıl başvuracağınızdır. Ancak style.textAlign(veya style['textAlign']) bu durumda kullanılması gereken şeydir.

Tirelenmiş stil özelliklerine JavaScript'te camelCase aracılığıyla başvurulur , bu nedenle kullanın style.textAlign.

Sorununuzu çözmek için : İçlerinde tire bulunan CSS özellikleri, bu sorunu önlemek için camelCase'deki JavaScript özellikleriyle temsil edilir . İstediğiniz:style.textAlign .

Soruyu cevaplamak için : Köşeli parantez kullan : özellik adlarına dizeler kullanarak erişebilmeniz ve tanımlayıcılarda yasaklanmış karakterleri kullanabilmenizle obj.propaynıdır obj["prop"].

Nesne özellik adları, css adları için bire bir eşleşmez.

Ben bu yüzden JavaScript CamelCase için değişti CSS stilleri durumunda düşünüyorum test-alignolur textAlign. Standart olmayan karakterler içeren bir özelliğe erişmek istediğiniz genel durumda dizi stilini kullanırsınız. ['text-align']

İlk başta, çözümün neden benim açımdan işe yaramadığını merak ediyorum

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

... daha sonra veri özniteliklerine erişimin farklı olduğunu anlayın: Şöyle olmalı:

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

Bu yardımcı olur umarım!