上手く行かないので質問させてください。
ページの上下に広告をランダムで表示させたいのですが、
どのようにやるのか分かりません。
1箇所だけ表示することはできましたが、2箇所表示させようとすると何も表示されない状態です。
---- HTML -----
<html>
<head>
<script type="text/javascript" src="banner.js"></script>
</head>
<body onload="Banner()">
<div id="banner" align="center"></div>
<br>
本文ゴニョゴニョ...
<div id="banner" align="center"></div>
<br>
</body>
</html>
----- banner.js -----
function Banner(){
var imgMax = 10;
var imgRand = Math.floor(Math.random() * imgMax);
switch (imgRand) {
case 0:
banner.innerHTML='広告その1<br>';
banner.innerHTML+='<a href="・・・" target="_blank"><img src="・・・"></a>';
break;
--- 略 ----
id="banner"が2つあるのは×というのは分かりますが(一つ消すと表示されるので)、
こういう場合はどのように処理をしたほうが良いでしょうか。
No.1ベストアンサー
- 回答日時:
id="banner1"
id="banner2"
として
banner1.innerHTML='.........'
banner2.innerHTML='.........'
ただし、この書き方はIEでしか動かないのでは?
document.getElementById('banner1').innerHTML=...
が吉かとw
やはり2つ表示する場合は2種類書かないとダメなんですねT-T
IEでしか試していませんでした・・
document.getElementById('banner1').innerHTML
上記方法に書き直します。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
タブで開いてさらにタブ内をア...
-
console.log結果をhtmlで表示し...
-
読み込んだQRコードをフォーム...
-
dblclickでdiv要素を一回だけ作...
-
配列で特定キーが同じ値だった...
-
自働生成される<div>タグに連番...
-
折りたたみ部分にアンカーでリ...
-
リンク色を動的に変更したい。i...
-
displayの状態を取得したい
-
変数内容をHTML内で表示する方法
-
背景色を透明化
-
[急ぎ] videoタグで埋め込んだm...
-
Javascriptで可変のHTMLのID名...
-
クリックで色変更後に既に変更...
-
onMouseoverを利用して、セル内...
-
ページ読み込み完了の3秒後にリ...
-
HTMLタグに複数のクラスを設定...
-
createElementで作成した要素を...
-
javascriptテキストBOX色を元に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
HTMLタグに複数のクラスを設定...
-
変数名をどのようにつけるのが...
-
401エラードキュメントを401.ht...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
タブで開いてさらにタブ内をア...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
表示・非表示のスクリプトで、...
-
HTMLとJavaScriptで作ったタイ...
-
HTMLとJavaScriptで作ったタイ...
-
getElementByIdの戻り値がnull...
-
指定したパスが現URLに含まれて...
-
[急ぎ] videoタグで埋め込んだm...
-
IFRAMEの表示/非表示を切り替え...
-
iframe内のリンクが飛ばないの...
-
removeAttribute()メソッドで削...
-
背景色を透明化
-
jQueryで同じid属性が複数あっ...
おすすめ情報