JavaScript实现添加、查找、删除元素
程序员文章站
2023-12-24 11:40:51
...
代码很简单,这里就不多废话了。
测试文件
示例二:
window.onload = function() {
var gaga = document.getElementById("gaga");
addClass(gaga, "gaga1") addClass(gaga, "gaxx");
removeClass(gaga, "gaga1") removeClass(gaga, "gaga") function hasClass(elements, cName) {
return !! elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); // ( \\s|^ ) 判断前面是否有空格 (\\s | $ )判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断
};
function addClass(elements, cName) {
if (!hasClass(elements, cName)) {
elements.className += " " + cName;
};
};
function removeClass(elements, cName) {
if (hasClass(elements, cName)) {
elements.className = elements.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " "); // replace方法是替换
};
};
};
以上所述就是本文的全部内容了,希望大家能够喜欢。
推荐阅读
-
JavaScript实现添加、查找、删除元素
-
JScript内置对象Array中元素的删除方法_javascript技巧
-
js中通过父级进行查找定位元素_javascript技巧
-
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)_javascript技巧
-
php 数组添加与删除元素程序代码_PHP教程
-
探讨如何实现PHP删除数组元素
-
javascript对talbe进行动态添加、删除、验证实现代码_javascript技巧
-
MFC中简单的数据库文件操作(添加,修改,查找,删除)
-
js获取隐藏元素宽高的实现方法_javascript技巧
-
各情景下元素宽高的获取实现代码_javascript技巧