HTML5的classList怎么应用
今天小编给大家分享一下HTML5的classList怎么应用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站设计、网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的碾子山网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
Element.classList
这个属性已经发布了好几年，通过classList，我们可以通过JavaScript来操纵折叠css的类属性。
代码如下：
复制代码
代码如下：
// //使用classList属性（Dom元素，css类名）
function toggleClassList（element，cName）{
// 1. classList API
//切换类，有则可删除，没有则添加
if（element.classList.toggle）{
元素.classList.toggle（cName）;
返回true；
}
// !!! 其实，本函数toggleClassList如果支持的话，
//那么下面的代码就不会被执行，此处唯一作演示，请灵活应用
// 2. classList API
//元素的类属性是否包含隐藏这个CSS类
var hasHide = element.classList.contains（cName）;
// //
if（hasHide）{
// 3. classList API
//可移除隐藏类
element.classList.remove（cName）;
} else {
// 4. classList API
//添加隐藏类
element.classList.add（cName）;
}
返回true;
};
文本菜单API
经测试chrome28不管用......
新的API，文本菜单是极好的接口：此接口允许你很简单地添加菜单项到浏览器的上下文菜单（右键菜单），而不是去覆盖浏览器的默认右键菜单。
需要注意的是，你最好采用js脚本来动态的创建上下文菜单，这样可以避免页面替换JS脚本的情况下出现多余的HTML代码。
代码如下：
复制代码
代码如下：
<！ -文本菜单指定了使用哪个上下文菜单- >
<！ - ！不知道为什么，我的浏览器上这个配置不起作用- >
<节contextmenu =“ mymenu” style =“ min-height：100px; min-height：200px; background：＃999;”>
点击此区域查看菜单
<！-
为了代码结构的清晰，把menu元素放到了要使用的元素内部，实际上你也可以放到外部的任何地方：
->
<！-添加菜单，至于图片图标，请自己设置。添加菜单->