現在、画像をクリックすると、Javascript関数を使用してdiv内にテーブルを作成しようとしています。作成したテーブルを定義して別の関数を呼び出すことはできますか? (下の例)
if (band == 'creed') {
d('albumList').innerHTML =
"<table class='default'>"+
"<td class='albumListC' id='mopCover'>"+
"<img class='i' src='images/albums/myownprison.jpg'
onclick='"+"createSongBar('mop');"+"'></td>"+
"<td class='albumListC' id='hcCover'>"+
"<img class='i' src='images/albums/humanclay.jpg'
onclick='"+"createSongBar('hc');"+"'></td>"+
"<td class='albumListC' id='wCover'>"+
"<img class='i' src='images/albums/weathered.jpg'
onclick='"+"createSongBar('w');"+"'></td>"+
"<td class='albumListC' id='fcCover'>"+
"<img class='i' src='images/albums/fullcircle.jpg'
onclick='"+"createSongBar('fc');"+"'></td>"+
"</table>";
}
コードの抜粋は、4 つのセルがある 2 番目のテーブルをクリックしたときに実行したい関数からのものです。
私のWebページには、上部に3つのセルがあるテーブルが表示され、各セルをクリックすると、その下に4つのセルがある別のテーブルを作成する関数が実行されます。私が望むのは、4 つの新しいセルのそれぞれをクリックしたときに別の関数を実行することですが、クリックするとこのエラーが発生します: (エラーは、1 つの項目しかないメイン ページの 2 行目を指しています。それ; < html > タグ)。
キャッチされていない SyntaxError: 予期しないトークン }
この問題の原因について何か提案はありますか? 簡単にするために、残りのプログラムは省略しました。これは、他のすべてがこの時点まで問題なく動作するためです。