Chrome Extension TypeError

Question

I want to add a button red highlighted place on YouTube. But it doesn't work.

manifest.json

{
  "name": "Example",
  "version": "0.0",
  "manifest_version": 2,
  "content_scripts": [
    {
      "js": ["content.js"],
      "matches": ["<all_urls>"],
      "css": ["style.css"]
    }],
  "browser_action": {
    "default_popup": "addon_menu.html",
    "default_title": "Example"
  }
}

content.js

console.log("Example is on!");


var  sttndiv = document.createElement("div");
var sttnbtn = document.createElement("button");
sttndiv.appendChild(sttnbtn);
document.getElementById("buttons").getElementsByClassName("yt-live-chat-message-input-renderer")[0].appendChild(sttndiv)[0];

Uncaught TypeError: Cannot read properties of undefined (reading 'appendChild')

@Andy It was not necessary at the moment. I'll do it later, thanks. — Hangear, Nov 06 '21 at 16:50
The error is very clear. The element you're try to append a child to doesn't exist. Have you done some simple debugging? — Andy, Nov 06 '21 at 16:54

score -1 · Answer 1 · answered Nov 08 '21 at 13:32

-1

By the error and common sense, you can see that sttndiv is undefined, this could be because there's a double space in front of it.

answered Nov 08 '21 at 13:32

MadMisty

1
4

Chrome Extension TypeError

1 Answers1