天台公司网站建设:添加和删除HTML与jQuery类要求

2019.09.02 天台公司网站建设

170

添加新的HTML类是一个显而易见的; 只是打开HTML文档,找到你想要添加、插入和类的名字。 但当涉及到构建一个交互式网站,允许访问者参与,您可能需要 修改、插入和删除HTML类要求。

你可以使用jQuery。 天台公司网站建设下面这个例子函数将添加和删除 my-new-class 到 < div > 。

1
2
3.
4
5
/ / # #添加类
$(“div”).addClass (“my-new-class”);
 
/ / # #删除类
$(“div”).removeClass (“my-new-class”);

我们还可以使用标准的JavaScript代码添加/删除HTML类一样:

1
2
3.
4
5
/ /添加类
. getelementbyid (“elem”)。 className =“my-new-class”;
 
/ /删除类
. getelementbyid (“elem”)。 className = document.getElementByTag (“div”).className。 替换(/ (?:^ | \ s)我-新海尔集团(? ! \ S) / g,” )

上面的代码可以看到不如当我们简单的做一个jQuery JavaScript框架。 但如果你不想依靠一个框架,你可以使用一个新的JavaScript API调用 班级名册 。

推荐阅读: 获取用户位置与HTML5地理定位API

使用班级名册API

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果类似于jQuery, 班级名册 提供了一组方法,允许我们修改HTML类。

有一个在一个情况 div 有多个类,我们可以检索指定的类 div 使用 班级名册 。

1
2
var 类= . getelementbyid (“elem”).classList;
console.log(类);

天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果当我们打开浏览器控制台时,我们可以看到的类的列表。

添加和删除类,我们可以使用 阀门() 和 .remove () 。

1
2
3.
4
5
6
7
var elem = . getelementbyid (“elem”);
 
/ /添加类
elem.classList.add (“my-new-class”);
 
/ /删除类
elem.classList.remove (“my-new-class”);

添加多个类也可以通过将每个类的完成 逗号 :

1
elem.classList.add (“my-new-class”,我选修其他课班里的);

检查某些元素是否包含指定的类,我们可以使用 .contains () 。 它将返回 真正的 如果指定的类,并返回 假 如果它不。

1
elem.classList.contains (“类名称”);

我们也可以切换使用的类 .toggle () 。 下面的代码片段显示了我们如何绑定 .toggle () 方法用鼠标单击事件。

1
2
3.
4
5
var 按钮= . getelementbyid (“按钮”);
函数 切换(){
  elem.classList.toggle (“bg”);
}
button.addEventListener (“点击”切换,假);


最后认为

班级名册 是一个新的本地JavaScript API,还介绍了随着HTML5。 整洁简单,适用于以下浏览器:Firefox 3.6, Opera 11.5,和Chrome和Safari 5.1。 但是没有在Internet Explorer 9下面,所以你可能需要使用 的Polyfills 在实现班级名册API在Internet Explorer。


联系电话 400-6065-301
赚钱高手两组三中三-三中三复式计算公式-三码中特全免费公开码 本港台现场报码直播j2-本港开奖结果现场开码-本港台现场搅珠直播 正版管家婆一句赢大钱-www管家婆27735com-管家婆小鱼儿论坛心水 九龙心水三肖永不改料-九龙心水525757com-九龙老牌图库彩图大全 澳门123696com开奖结果-626969cc澳门资料大全-2021澳门合彩开彩结果