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