サーバーサイドレンダリングされたサイトの要素取得

Question

前提・実現したいこと

サーバーサイドレンダリングされているサイトの要素取得はできないのでしょうか？
document is not definedとなり、document.getElement･･･が使えません。
ChromeのデベロッパーツールでElementsを見ると見えているのですが…

よくわかっておらず恐縮ですが、宜しくお願いいたします。

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

document is not defined

該当のソースコード

document.getElementById('');

Answer 1

サーバーサイドレンダリングされているサイトの要素取得はできないのでしょうか？

HTMLの <script> タグを用いて適切なコードを書けばできます。
<script> タグも一緒にサーバーサイドレンダリングしてください。

追記）

<script>
window.addEventListener("DOMContentLoaded", ()=>{
  console.log( window.document ); // document を取得できるか確認
});
</script>

よくわかっておらず

サーバーサイドレンダリングとは、応答するHTMLを、ウェブサーバーに設定される公開ディレクトリに置かれたスタティックなファイルの代わりに、プログラムで動的に生成することです。

PCブラウザで MDN Web入門 を閲覧してください。

タイトル下に表示される「パンくずリスト」や、左に表示される「関連トピック」を読破してみるのが最初の作業になると思います。
（スマホの場合、各種ナビゲーションが非表示になるので、PCブラウザの利用をおすすめします）

Comments

[Jinrensch]

回答ありがとうございました。動的に生成されたサーバー側のHTMLはブラウザ側に渡されているようなのですが、documentが定義されていないので、要素が取得できずにいます。適切なコードが書ければ良いということですので、調べたり、考えたりしてみます。ネット上で調べてもdocumentが定義されていない場合の要素取得に関する記事は皆無で、なかなか難しいですが。素人過ぎて大変申し訳ありません。

[AkitoshiManabe]

documentが定義されていない理由は、ブラウザがHTML（URL）にリクエストし、応答された内容を画面に表示するまでに順序があって、document を参照できる段階に DOMContentLoaded というイベントを待つ必要があるということになります。
[ブラウザ レンダリング]( https://www.google.co.jp/search?q=%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%20%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0 )

[Jinrensch]

documentありました。サーバーからのroadingを待てば良かったみたいです。すみませんでした。

[AkitoshiManabe]

document に属するプロパティ（メソッド）も使えるようになるはずです。
サーバー-ブラウザ間の通信手順を含め、「順序」は、初学のうちに覚えておくとコードを書きやすいと思いますので、コメント欄に示したブラウザの表示の仕組みも、時間を見つけて読んでみてください。