Question

I am trying to remove an element For this purpose I am trying to make small plug in in .js I have tailored this to this one specific google form I want to use it at, and for some reason I am haveing more issues in docs.google.com than I have in other websites

// content.js
const element = document.getElementsByClassName("xxxxxx");
element[0].remove();

xxx” 是持有电子邮件显示器的组群,I ve在这里做了改动,如果能够把电子邮件带上<>。

When I paste the code in the console manually it works as I want it , but if I run it by plug in it gives me an error code: "Uncaught TypeError: Cannot read Properties of undefined (reading remove )"

Edit: Upon request the manifest.json and the timer, I bet theres also a better way to do it

//manifest.json { "manifest_version": 3, "name": "Auto Delete xxxxxx Elements", "version": "1.0", "description": "A Chrome extension to automatically delete elements containing the class xxxxxx on doc.google.com.", "permissions": ["activeTab"], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["*://docs.google.com/*"], "js": ["content.js"] } ] }

// background.js chrome.runtime.onInstalled.addListener(() => { setInterval(() => { chrome.tabs.query({ url: "*://docs.google.com/*" }, tabs => { tabs.forEach(tab => { chrome.scripting.executeScript({ target: { tabId: tab.id }, files: [ content.js ] }); }); }); }, 1000); // 1000 milliseconds = 1 second });

Answer 1

Looks like element[0] is undefined when you re trying to access it s remove() method. The plugin might be executing before the element is loaded onto the page.

你可以修改原始代码,等待上页,然后再要求取消通过DOMContentLoaded事件或窗口删除该元素的职能。页: 1

具体如下:

document.addEventListener( DOMContentLoaded , function() {
    const element = document.getElementsByClassName("xxxxxx");
    if (element.length > 0) {
        element[0].remove(); 
    } else {
        console.error("Element with class  xxxxxx  not found.");
    }
});

So here it waits for the DOMContentLoaded event before calling remove(). It also checks if the element with class "xxxxxx" exists before trying to remove it.

Edit:尝试这样做是为了背景。 j)

chrome.runtime.onInstalled.addListener(() => {
    chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
        if (changeInfo.status ===  complete  && tab.url.startsWith( https://docs.google.com/ )) {
            chrome.scripting.executeScript({
                target: { tabId: tabId },
                files: [ content.js ]
            });
        }
    });
});

Answer 2

我并不真的说是熟练的,但你会因为所有nes子而忘记这一错误。

const element = document.getElementsByClassName("xxxxxx");
element[0].innerHTML = "";
element[0].remove();

Also, make sure the website is fully loaded before your plugin executes the code.

友情链接