chrome拡張機能で要素を取得する方法、content_scriptとbackgroundで指定したjsでやり取りする方法

Question

teratailもchrome拡張機能も知識が全くと言っていいほどないので意図が分かりにくいかもしれません。

質問

chrome拡張機能を作っていて、jsを使ってページの内容を操作しようとmanifest.jsonのcontent_scriptにファイルを指定したのですが動きません。

実現したいこと・知りたいこと

• jsを動作させる(動かない原因はcontent_scriptでは使用できないAPIがあるから？)

• content_scriptとbackgroundに指定したjs間で情報を送るなどしないといけないのか
  また、それを実現するにはどうすればいいか
  (今後使うことがあるかもしれないのでこの質問には関係なくても教えていただけるとありがたいです)

発生している問題・エラーメッセージ

実行するとchrome://extensionsでこのようなエラーが出る

Uncaught ReferenceError: getElementsByClassName is not defined

該当のソースコード

manifest.json(一部)

    "content_scripts": [
        {
            "matches": ["*://google.com/*"],
            "js": ["script.js"],
            "css": ["style.css"]
        }

script.js

let buttons = document.getElementsByClassName("LX3sZb")[0]; //.LX3sZbを変数buttonsに格納
let newtext = document.createElement("div");
newtext.id = "newtext";
newtext.classList.add("newtext");
buttons.appendChild("newtext");

style.css

.newtext{
    width: 8px;
    height: 8px;
    background-color: gray;
}

補足情報（FW/ツールのバージョンなど）

ブラウザ：google chrome
バージョン：106.0.5249.119

エディタ：visual studio code
バージョン：バージョン: 1.72.2

Answer 1

"*://google.com/*"は https://www.google.com/にマッチしません。
appendChildの引数は文字列ではなくエレメントです。

manifest.json

  "matches": [
    "*://*.google.com/*"
  ],

script.js

buttons.appendChild(newtext);

Comments

[退会済みユーザー]

manifest.jsonに関しては完全に見落としていました…
appendChildの引数はずっと文字列だと思い込んでいました。だからうまくいかなかったんですね。
おかげさまで無事解決しました。ありがとうございました。