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(...
看到这个题目,立马想到的就是element.classList.contains()和$(element).hasClass()方法。 但是,在一些低版本浏览器中,classList无法使用,这个时候就可以自己实现类似jQuery的hasClass()函数。 classList的兼容性 假如我们 有如下测试元素 1 简单正则匹配法 最开始我们找到的方法如下,即使用正则判断单词边界的方式判...
如果一个脚本定义了一个顶层函数 f(),那么同一文档中的另一个脚本可以将该函数调用为 f() 或window.f()。另一方面,ES6 声明 const、let 和class 在顶层使用时不会在全局对象中创建属性。然而,它们仍然在共享的命名空间中定义:如果一个脚本定义了一个类 C,其他脚本将能够使用 new C() 创建该类的实例,但不...
// Check if element has a class using jQueryif($(".blog-post").hasClass("popular")) {alert('This is a popular post');} // Check if element has a class using vanilla JavaScriptif(document.querySelector(".blog-post").classList....
document.getElementById('list').addEventListener('click', function (e) { // 兼容性处理 var event = e || window.event; var target = event.target || event.srcElement; if (target.matches('li.class-1')) { console.log('the content is: ', target.innerHTML); } }); ...
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')){ ...
5.`arrayToHtmlList`:数组转`li`列表 此代码段将数组的元素转换为标签,并将其附加到给定ID的列表中。 代码语言:javascript 复制 constarrayToHtmlList=(arr,listID)=>(el=>((el=document.querySelector('#'+listID)),(el.innerHTML+=arr.map(item=>`${item}`).join('')))();arrayToHtmlList(['...
;}else{drop.classList.remove("correct");drop.classList.add("incorrect");}}function checkCorrectFinalImage(){var correctItems = [];drop_items.forEach(function(item){if (item.classList.contains("correct")) {correctItems.push(item);}});var message = document.querySelector(".message");if ...
if (!nearBox.classList.contains('check')) { nearBox.classList.add('check'); leftClick(nearBox); } } } } } } } rightClick没有标记并且没有数字 --> 进行标记; 有标记 --> 取消标记 --> 标记是否正确,10个都正确标记,提示成功;
const classButton = buttonClicked.classList; const valueOfClickedButton = buttonClicked.textContent; if (classButton.contains('button-digit')) { handleDigitButton(valueOfClickedButton); } else if (classButton.contains('button-operator')) { ...