2016年5月26日星期四

JavaScript 01:Manipulate CSS via DOM- classList, toggle

原因:

简单学习classList和 toggle。

一段code,按一个制,改变颜色。

JS code:https://jsfiddle.net/js_Test4fun/ndq3qj2o/



学习:

1. 在CSS. 用.xxxx 来表示一个class


2. 在element,用class=xxxx来应用


3. 每一个HTML element都有一个classList property 纪录element 有什麽class。
这个可以在DOM上看到。


4.classList 本身有好多method可以用,今次先玩一下toggle(className)

5.toggle(className) 的意义 : 如果element有这个className,移除它,如没有,加上去。

实习:


1.一开始,没按制,console有以下显示

2.按下後,多了一个white class,字变白色。

3.再按多次,变回原状。







Good。试玩完毕。






沒有留言:

發佈留言