google extension javascript 属性を取得でエラーが出て困っています

現在chrome の拡張機能を制作しております。
chromeにて現在表示しているページのHTMLを取得してその中にある要素を取得したいのですがCannot read property 'getElementByClassName' of undefined
と表示されてしまいます。
chromeのbackground.jsで

JavaScript
1//background.js
2chrome.browserAction.onClicked.addListener(function() {
3chrome.tabs.executeScript({
4  file: 'contentScript.js'
5});

このようにアイコンをクリックされたときに表示されているHTMLを取得すべくcontentScript.jsを呼び出し

javascript
1//contentScript.js
2var html=document.documentElement.outerHTML;
3var title=html.document.getElementByClassName("fi-title");
4console.log(title);

このように記載しHTMLは取得できています。
このhtmlは取得できているのですがそのhtmlの中のfi-titleというものが取得できません。
ちなみに取得したHTMLには

HTML
1   <div data-bind="text: item.Title" class="fi-title">タイトル</div>

この記載があります.
呼び出しが間違っているのでしょうか？
よろしくお願いします。

x_x

2018/10/22 06:40

outerHTMLだと文字列になってしまうと思うのですが、そのdocumentプロパティを参照しているのですか？

退会済みユーザー

2018/10/23 13:19

「そのhtmlの中のfi-titleというものが取得できません」とありますが、これは取得したいものを正確に表現できていますか？本当に取得したいものは、class名がfi-titleであるDOM要素（今回の場合、div要素）、もしくはそのDOM要素で表示している文字列（今回の場合、「タイトル」）ではありませんか？