目的
- 介紹
javascript操作屬性的兩種方法。 - 了解兩種方法的區(qū)別。
- 了解應(yīng)該什么時(shí)候使用兩種方法。
前言
看完了慕課網(wǎng)的《 Tab 選項(xiàng)卡切換效果 》，自己嘗試著不跟著視頻寫一個(gè)選項(xiàng)卡切換的 js ，果斷出現(xiàn)了各種問題，屬性操控。
JS兩種操控屬性的方法與區(qū)別
第一種
var odiv = getElementById('div1');
odiv.style.width = 400 + 'px';
這種方法是最常用的方法，也是比較直觀，比較好用的做法，但其優(yōu)缺點(diǎn)還是比較明顯的。
優(yōu)點(diǎn)：直觀，便于理解，應(yīng)用最為廣泛
缺點(diǎn)：需要將屬性作為傳參時(shí)，就不好操作了
第二種
var odiv = getElementById('div1');
odiv.style['width'] = 400 + 'px';
優(yōu)點(diǎn)：可以將屬性用變量表示，從而可以實(shí)現(xiàn)傳參。例如：var hehe = 'width'; odiv.style[hehe] = 400 + 'px';
缺點(diǎn)：貌似沒有什么缺點(diǎn)
Tips：所有的 . 都可以用 [] 來表示。（道聽途說，不知是真是假）
感悟
我們掌握的一些問題的解決方案，在某個(gè)范圍內(nèi)可以解決問題，但若想要實(shí)現(xiàn)范圍外的功能時(shí)，我們就無能為力了。
所以多學(xué)習(xí)一些，多鉆研一些，問題就更好解決一些。
