通常通过javascript判断css属性,可引入jquery插件,获取指定样式值并进行比较,下面将演示具体实现方法。
1、 双击桌面上的 JetBrains PhpStorm 2016.3.2 图标即可启动程序。
2、 在PhpStorm 2016.3.2中创建一个名为test.html的新HTML文件。

3、 在 test.html 文件里输入以下代码内容。
立即学习“前端免费学习笔记(深入)”;

4、 在test.html的head标签内,添加对jquery.js插件文件的引用。

5、 在test.html的head标签内,为span元素设置CSS样式属性。

6、 在test.html的head标签内添加JavaScript代码,用于检测CSS中display属性的值。
7、 其中:
8、 这两句用于获取元素的CSS display属性值。
9、 该switch语句用于判断display属性的取值情况。

10、 创建新的HTML文件。
11、 在HTML文件中编写用于测试的CSS与HTML代码。
12、 引入jQuery插件功能。
13、 编写JavaScript函数,获取元素的CSS属性,并利用switch语句进行分类判断处理。










