innerHTMLのエラー

Question

前提・実現したいこと

URLパラメータの値を見て

<main id="main">の中身をinnerHTMLを用いて切り替えようとしています。

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

Uncaught TypeError: maindiv.innerHTML is not a function
    at window.onload

該当のソースコード

簡略したものを載せます。

window.onload = function () {
	let maindiv = document.getElementById('main');
	let top= '<p>top</p>';
	let else= '<p>else</p>';
	let urlParam = location.search.substring(1);
	if (urlParam) {
		// 「&」が含まれている場合は「&」で分割
		let param = urlParam.split('&');
		// パラメータを格納する用の配列を用意
		let paramArray = [];
		// 用意した配列にパラメータを格納
		for (i = 0; i < param.length; i++) {
			let paramItem = param[i].split('=');
			paramArray[paramItem[0]] = paramItem[1];
		}

		if (paramArray.page == 'top') {			
			maindiv.innerHTML(top);
		} else {
			maindiv.innerHTML(else);
		} 
	}
}

Comments

[m.ts10806]

htmlもきちんと提示された方が良いかと思います

[sivaya]

お知らせに気づいてhtmlを追記しにきたら、もう回答がついていたのでこれにて閉めたいと思います。
閲覧・コメント、回答くださった皆様ありがとうございました。
無事望み通りの挙動になりました。

[m.ts10806]

回答がついたらからとそちらに飛び付くのも時には考えものです。

Answer 1

maindiv.innerHTML = top;

【element.innerHTML - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Element/innerHTML

Comments

[sivaya]

うわあ…汗
初歩的？というか、かなり異次元な間違え方してたんですね…
Javascriptの基礎的な文法を学ばずにとりあえずコピペコピペで動かしてましたので＞＜；
でも質問してよかったです。自力では気づけなかったので。
こんなおバカな質問にビシっと御回答くださいまして、ありがとうございました。

Answer 2

直接の回答はkei344さんの通りですが、よくない実装があります。

elseは予約語です。

MDN:予約語

以下は予約語であり、変数、関数、メソッド、あるいはオブジェクトの識別子として用いることはできません。

変数名を変えた方が良いです。

Comments

[sivaya]

そですね、分岐を全部書くと長くなるので、掲載用に適当に命名してたら予約語だったんですねー。
実際のコードには含まれてませんので大丈夫なんですが、ご指摘はありがたく了解いたしました。
ありがとうございました。

[m.ts10806]

>実際のコードには含まれてませんので

他者には提示されたものが全てです。