JSのswicth文で、特定のid名をcaseにして処理させたい

Question

よろしくお願い致します。

動的に出力されたリストがあり、各リスト(li)にはユニークはid名がふられています。

そのid名をswicth文のcaseにして各リストごとに違う処理をさせることを考えておりますが、各id名の取得方法とcaseでの処理の記載方法がわかりません。

HTML

<ul>
	<li id="s01"></li>
	<li id="s02"></li>
	<li id="s03"></li>
	<li id="s04"></li>
</ul>

JS

switch(){
case s01:
		.innerHTML = '<button>りんご</button>';
		break;
case s02:
		.innerHTML = '<button>みかん</button>';
		break;
case s03:
		.innerHTML = '<button>バナナ</button>';
		break;
case s04:
		.innerHTML = '<button>なし</button>';
		break;
default:
		break;
	}

わからないこと
・switch文の前はdocument.getElementByIdなどでidの取得をすればいいのかが不明
・caseの処理は、innerHTMLを使用しようと考えてますが、どのように記載をしたらよいかが不明

Comments

[maisumakun]

処理を動かすタイミングは、どのようなものを考えていますか？（ページロード時、クリック時など）

[tomato01]

ご連絡を頂きありがとうございます。

現状ではページロード時で考えております。

よろしくお願い致します。

Answer 1

そのid名をswicth文のcaseにして各リストごとに違う処理をさせることを考えておりますが

どんなidがあるかわかっていて、それぞれごとに別な処理をさせるのであれば、switchなど使わず、1つ1つdocument.getElementByIdで取得していく、という素直な方法でいいのではないかと思います。

Comments

[tomato01]

ご回答を頂きありがとうございます。
たしかに、その方法のほうがシンプルでわかりやすいと感じました。まずは１つ１つ処理をさせていくようしてみます。

ありがとうございました。