JavaScript findElement 函数使用指南:如何正确查找元素
根据你提供的代码,我注意到你的问题可能出在两个地方。
首先,你的代码中使用的选择器是'.div',这意味着你正在寻找一个类名为'div'的元素。如果你想查找一个具有'div'标签的元素,应该使用'div'作为选择器,而不是'.div'。
其次,你的代码中创建的标签是通过createLabel函数动态创建的,但是我在代码中没有找到任何地方调用该函数。请确保在调用findElement函数之前先调用createSetTimeout函数,以便创建所需的标签。
以下是修正后的代码示例:
function createLabel(item) {
let span = document.createElement(item);
span.classList.add(item);
span.innerText = 'hello';
document.body.appendChild(span);
}
function createSetTimeout(element, delay) {
setTimeout(() => {
createLabel(element);
}, delay);
}
// 先创建标签
createSetTimeout('div', 1000);
createSetTimeout('span', 3000);
function findElement(selector) {
return new Promise((resolve, reject) => {
const element = document.querySelector(selector);
if (element) {
resolve(element);
} else {
reject(new Error(`Element with selector ${selector} not found`));
}
});
}
// 使用示例
findElement('div').then(element => {
console.log('Element found:', element);
}).catch(error => {
console.error('Element not found:', error);
});
请注意,我还将选择器从'.div'更改为'div',以便查找具有'div'标签的元素。
原文地址: https://www.cveoy.top/t/topic/h4mC 著作权归作者所有。请勿转载和采集!