js查找网页关键字

function findKeyword(keyword) {
    let elements = document.body.getElementsByTagName("*");
    let foundElements = [];

    for (let i = 0; i < elements.length; i++) {
        if (elements[i].textContent.includes(keyword)) {
            foundElements.push(elements[i]);
        }
    }

    return foundElements;
}

// 使用示例
let keyword = "JavaScript";
let results = findKeyword(keyword);
console.log(results);

function findKeywordWithRegex(keyword) {
    let regex = new RegExp(keyword, "gi"); // "g"表示全局搜索，"i"表示不区分大小写
    let matches = [];
    let walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);

    let node;
    while (node = walker.nextNode()) {
        if (regex.test(node.nodeValue)) {
            matches.push(node);
        }
    }

    return matches;
}

// 使用示例
let keyword = "JavaScript";
let results = findKeywordWithRegex(keyword);
console.log(results);

function findElementsByKeyword(keyword) {
    // 查找所有包含特定类名的元素
    let elementsByClass = document.getElementsByClassName(keyword);
    // 查找所有包含特定属性值的元素
    let elementsByAttribute = document.querySelectorAll(`[${keyword}]`);

    return {
        byClass: elementsByClass,
        byAttribute: elementsByAttribute
    };
}

// 使用示例
let keyword = "highlight";
let results = findElementsByKeyword(keyword);
console.log(results.byClass);
console.log(results.byAttribute);