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

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

質問

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

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

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

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

Uncaught ReferenceError: getElementsByClassName is not defined

該当のソースコード

manifest.json(一部)

json

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

script.js

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

css

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

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

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

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