js查找网页关键字

在JavaScript中查找网页关键字可以通过多种方式实现，以下是一些常见的方法：

1. 使用DOM遍历查找

可以通过遍历网页的DOM（文档对象模型）来查找包含特定关键字的元素。

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);

2. 使用正则表达式查找

可以使用正则表达式来匹配包含关键字的文本。

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);

3. 使用CSS选择器查找

如果关键字是作为HTML元素的属性值或者类名存在，可以使用CSS选择器来查找。

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);