看到这个题目,立马想到的就是element.classList.contains()和$(element).hasClass()方法。 但是,在一些低版本浏览器中,classList无法使用,这个时候就可以自己实现类似jQuery的hasClass()函数。 classList的兼容性 假如我们 有如下测试元素 1 简单正则匹配法 最开始我们找到的方法如下,即使用正则判断单词边界的方式判...
functionfindParentElement(element,className){if(!element)returnnull;if(element.classList.contains(className)){returnelement;}else{returnfindParentElement(element.parentNode,className);}}constchildElement=document.getElementById('child');constparentElement=findParentElement(childElement,'parent');console.log(...
classList.toggle('flag'); // 在元素中切换类名,切换为flag类名,显示红旗背景图;此处的雷被扫除了 if(dom.classList.contains('isLei') && dom.classList.contains('flag')){ mineOver --; // 雷数减一 } if(dom.classList.contains('isLei') && !dom.classList.contains('flag')){ mineOver +...
div.classList.toggle("visible"); // 添加/删除 visible,取决于测试条件,i小于10 div.classList.toggle("visible", i < 10); alert(div.classList.contains("foo")); //添加或删除多个类 div.classList.add("foo","bar"); div.classList.remove("foo", "bar"); 兼容性 不兼容Android2.3和iOS4.2...
nearBox.classList.add('check'); leftClick(nearBox); } } } } } } } function rightClick(dom){ if(dom.classList.contains('num')){ return; } dom.classList.toggle('flag'); if(dom.classList.contains('isLei') &&dom.classList.contains('flag')){ ...
functionleftClick(dom) {if(dom.classList.contains('flag')){return; }varisLei =document.getElementsByClassName('isLei');// 获得前面的10个雷的divif(dom && dom.classList.contains('isLei')) {// 判断是不是雷块for(vari =0; i < isLei.length; i++) { ...
if (!nearBox.classList.contains('check')) { nearBox.classList.add('check'); leftClick(nearBox); } } } } } } } rightClick没有标记并且没有数字 --> 进行标记; 有标记 --> 取消标记 --> 标记是否正确,10个都正确标记,提示成功;
随着项目的发展,前端SPA应用的规模不断加大、业务代码耦合、编译慢,导致日常的维护难度日益增加。同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,...
if (nearBox && nearBox.length != 0) { if (!nearBox.classList.contains('check')) { nearBox.classList.add('check'); leftClick(nearBox); } } } } } } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. ...
// Check if element has a class using vanilla JavaScriptif(document.querySelector(".blog-post").classList.contains("popular")) {alert('This is a popular post');} 11、侦听事件 在jQuery 中,您可以使用许多事件侦听器来侦听事件。其中一些是...