GoogleChromeのコンテキストメニューの拡張機能におけるDOM操作について

前提・実現したいこと

GoogleChromeの拡張機能を自作したいと考え、コンテキストメニューのボタンからWebページの文章をDOM操作によって取得し、同時に別のタブで別のWebページを開き取得した文章をそのページのテキストエリアに貼り付けたいと考えています。

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

コンソールから一つ一つ処理を行えば問題なく動くのですが、コンテキストメニューからの操作ではエラーが起きてしまいます。

Error in event handler: TypeError: Cannot read property 'innerText' of undefined
コンテキスト
_generated_background_page.html

該当のソースコード

manifest.json
{
  "name": "contextMenuTest",
  "version": "1.0",
  "manifest_version": 2,
  
  "description": "",
  
  "permissions" : [
    "tabs", "http://*/*", "https://*/*", "contextMenus"
  ],
  
  "icons" : {
    "16" : "icon.png"
  },
  
  
  "background" : {
    "scripts" : ["background.js"]
  }

}



background.js
chrome.contextMenus.create({
  "title" : "contextMenu",
  "type"  : "normal",
  "contexts" : ["all"],
  "onclick" : function(info){
	const result = document.getElementsByClassName('articlecontents')[0].innerText;#ここでエラーになります
	chrome.tabs.create({url: 'https:/example.jp/'});
	document.getElementById("exampleTextarea1").value = result;
	document.getElementsByClassName('btn btn-info btn-lg')[0].click();
  }

});