时间戳

首页 > 解决方案 > 从 js 中为 Chrome 扩展查找 html 中的元素

javascript - 从 js 中为 Chrome 扩展查找 html 中的元素

问题描述

我想写一个小小的 chrome 扩展，从网页中删除元素。我已经正确且成功地完成了一个元素的第一个任务，但第二个元素有问题。

清单.json

{
"name" : "BTU Classroom Profile Remover",
"version" : "1.0",
"manifest_version": 2,
"content_scripts": [
    {
        "matches" : ["https://MyRandomSite.random.ge/*"],
        "js" : ["content.js"],
        "run_at": "document_end"
    }
]
}

内容.js

  var element = document.querySelector('div.user-avatar');
  element.parentElement.removeChild(element); // This works

  var secondElement = document.querySelector("div.user-avatar-image"); // returned value is null
  secondElement.parentElement.removeChild(secondElement); // This causes "Uncaught TypeError: Cannot read property 'parentElement' of null"

但是，第一个元素的代码是正确的，我没有崩溃或问题。此外，元素的路径也是正确的，因为我正在从谷歌浏览器的开发工具中复制元素路径。

标签： javascriptgoogle-chrome-extension

解决方案

推荐阅读