JavaScript实现添加、查找、删除元素_javascript技巧
程序员文章站
2022-04-14 17:50:06
...
代码很简单,这里就不多废话了。
测试文件
示例二:
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方法是替换 }; }; };
以上所述就是本文的全部内容了,希望大家能够喜欢。
下一篇: 线浏览PDF文件的几个实用js插件
推荐阅读
-
JavaScript实现动态添加、移除元素或属性的方法分析
-
JavaScript实现动态添加Form表单元素的方法示例
-
JavaScript实现删除数组重复元素的5种常用高效算法总结
-
JavaScript实现向select下拉框中添加和删除元素的方法
-
JavaScript DOM元素常见操作详解【添加、删除、修改等】
-
js实现动态添加、删除行、onkeyup表格求和示例_javascript技巧
-
详解JavaScript实现向select下拉框中添加和删除元素的方法
-
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
-
Javascript 数组添加一个 indexOf 方法的实现代码_javascript技巧
-
javascript实现拖拽并替换网页块元素_javascript技巧