跟大家講解下有關JavaScript中關于font-weight和fontWeight的區別，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說JavaScript中關于font-weight和fontWeight的區別，小編也收集到了有關JavaScript中關于font-weight和fontWeight的區別的相關資料，希望大家看到了會喜歡。

今天發現通過JS來設置一個元素的CSS樣式，代碼如下所示:

var js = document.getElementById('test-p');js.style['font-weight'] = 'bold';

之后發現一個很奇怪的地方。。我們通過

console.log(js.style.fontWeight);console.log(js.style['font-weight']);console.log(js.style['fontWeight']);

都可以在控制臺輸出之前設置的bold，或者是我們之前設置js.style.fontWeight = 'bold';就算我們是在CSS里面直接設置{font-weight: bold};也可以用上面三個方式在控制臺輸出設置的bold。

如果直接console.log(js.style);輸出的這個對象中沒有發現'font-weight'這個屬性，只有'fontWeight'，請問一下各位大大，這是為什么，為什么我們這里的'font-weight'和'fontWeight'會出現這種'等價'的情況，新手表示完全弄懵了，謝謝解答的各位。

在JS中，“-”代表減法操作符。所以font-weight代表font減去weight，test-p相當于test減p。

這是駝峰寫法js.style.font-weight 直接這樣寫會出錯的要么寫成駝峰寫法js.style.fontWeight

要么寫成style['property']

javascript作為瀏覽器腳本，自然要能夠操縱css等東西

這里有個問題: css許多屬性都以-作連接號，而javascript中，對象的屬性絕不可以出現減號

于是，機智的作者靈光一閃: 不如在js里就用駝峰命名來訪問css屬性吧，這樣看起來就不會太挫

從此，訪問css屬性時，你既可以用駝峰命名，也可以用減號連接命名了

以上就是JavaScript中關于font-weight和fontWeight的區別的詳細內容，更多請關注php中文網其它相關文章！

來源：php中文網