js 判断一个元素是否在页面中存在

在JavaScript中，判断一个元素是否在页面中存在，通常我们会使用`document.querySelector()`或`document.getElementById()`（如果元素有ID的话）等方法尝试选择该元素，然后检查返回的结果是否为`null`。如果返回`null`，则表示元素不存在；否则，元素存在。

以下是一个使用`document.querySelector()`的示例，该方法根据CSS选择器来选择元素：

function isElementExists(selector) {
    // 使用querySelector尝试选择元素
    const element = document.querySelector(selector);
    // 如果element不是null，表示元素存在
    return element !== null;
}

// 示例用法
const exists = isElementExists('.some-class'); // 假设我们查找具有some-class类的元素
console.log(exists); // 输出true或false，取决于页面上是否存在该元素

如果你知道元素的ID，也可以直接使用`document.getElementById()`，这样可能会更高效一些（特别是当你知道元素的ID时）：

function isElementByIdExists(id) {
    // 使用getElementById尝试选择元素
    const element = document.getElementById(id);
    // 如果element不是null，表示元素存在
    return element !== null;
}

// 示例用法
const existsById = isElementByIdExists('someElementId'); // 查找ID为someElementId的元素
console.log(existsById); // 输出true或false，取决于页面上是否存在该ID的元素

注意：在实际使用中，应根据具体场景选择合适的方法。如果元素有ID，推荐使用`document.getElementById()`，因为这种方法通常比使用CSS选择器要快。如果元素没有ID或者你想根据更复杂的条件选择元素，那么`document.querySelector()`会是更好的选择。