ブロック要素の前にテキストを挿入したい

Question

ブロック要素の前にテキストを挿入したい

ブロック要素の前に順位を５位まで表示させたいです。
HTML初心者で挑戦しましたが、うまくいかなかったので、
分かる方いましたら教えてください。

該当のソースコード

<div class="cp_qa_rank">
	<div class="cp_actab_rank">
		<input id="cp_tab_rankfour01" type="checkbox" name="tabs">
		<label for="cp_tab_rankfour01">質問テキスト</label>
		<div class="cp_actab_rank-content">
		<p>答えテキスト</p>
		</div>
	</div>
	<div class="cp_actab_rank">
		<input id="cp_tab_rankfour02" type="checkbox" name="tabs">
		<label for="cp_tab_rankfour02">質問テキスト</label>
		<div class="cp_actab_rank-content">
		<p>答えテキスト</p>
		</div>
	</div>
</div>

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

エラーメッセージ

### 該当のソースコード

```ここに言語名を入力
ソースコード

試したこと

ここに問題に対して試したことを記載してください。

したいイメージ画像

Answer 1

私の環境で試した結果ですが、
tab1view = document.getElementById("tab-view1");
の所でつまづいているようです。
そもそも"tab-view1"はクラス名ですよね？
IDから取得できない気がします。

tab1view = document.getElementsByClassName("tab-view1")[0];
とすれば、aoi_さんが望まれているようなロード時にタブ1選択、の状態になるかと考えます

Comments

[退会済みユーザー]

ご回答いただきありがとうございます。
javascriptにて　tab1view = document.getElementsByClassName("tab-view1")[0];　を
試したのですが、タブをクリックしなければ、何も表示されませんでした。。

[researcher]

JavaScriptは、提示されているonLoad()分のみですか？

[退会済みユーザー]

そうです。cssで切り替えを行っているので、何も記載していません。。

[researcher]

確認ですが、下記のようなスクリプトになっていますか?

function onLoad() {
tab1 = document.getElementById("tab1");
tab1.style.backgroundColor="#5f9ea0";
tab1view = document.getElementsByClassName("tab-view1")[0];
tab1view.style.display="block";
}

[退会済みユーザー]

なっておりませんでした。すいません。
ご指示通り再現させていただいた結果、タブの色と内容が表示されました。
他のタブに切り替えると、タブ１の色と内容がそのまま残ってしまいます。。

[researcher]

それでしたら、実装の仕方を変えるのがよろしいかと思います。
onLoad()は一旦コメントアウトし、
window.location.href = "そちら側のパス/playground.html#tab1"
としてください。
それでいけるはず

[researcher]

あ、すみません
playground.htmlは私が勝手に作った実験用ファイルの名前です(笑)
そちらのファイル名に置き換えてください。

[退会済みユーザー]

ＣＳＳのonLoad()をコメントアウトで合ってますでしょうか？
パスが不明のためできませんでした。申し訳ございません。
CSSで表示切替を行っているので、javascriptで行えるよう試みてみます。
ありがとうございます。

[moredeep]

ハッシュタグを付けたいだけならば、ハッシュタグだけで大丈夫だと思います。
window.location.href = "#tab1"

[researcher]

本当だ! 絶対パスで指定するもんだと思い込んでました。。。お恥ずかしい。
ご指摘ありがとうございます。

aoi_さん、window.location.href = "#tab1"のみscriptに記載で、意図した動きになりませんか?

[退会済みユーザー]

window.location.href = "#tab1"　のみ記入すれば想像通りの動きになりました！！
researcher様、moredeep様ご回答いただきありがとうございます。
大変助かりました。ご協力ありがとうございます。