如果JS代碼中設置元素的另一個CSS屬性font-family。這個屬性的獲取方式與color屬性略有不同,因為 font和family之間的連字元與JS中減法操作符相同,JS會把它解釋為減號。如果你像下邊這樣訪問名為 font-family 的屬性,會收到一條出錯信息:Element.style....
如果JS代碼中設置<p>元素的另一個CSS屬性font-family。這個屬性的獲取方式與color屬性略有不同,因為 font和family之間的連字元與JS中減法操作符相同,JS會把它解釋為減號。如果你像下邊這樣訪問名為 font-family 的屬性,會收到一條出錯信息:
Element.style.font-family
JS將減號前邊的內容解釋為"元素的style屬性的font屬性",把減號後的內容解釋為一個名為family的變數,將整個表達式解釋為一個減法運算。這完全違背了本意。
減號和加號之類的操作符是保留字元,不允許用在函數或變數的名字里。這同時意味著它們也不能用在方法或屬性的名字里(別忘了,方法和屬性其實是關聯在某個對象上的函數和變數)。
當你需要引用一個中間帶減號的CSS屬性時,DOM要求你用駝峰命名法。CSS屬性font-family變位DOM屬性fontFamily:
Element.style.fontFamily