var AAA = document.getElementById("hoge1");
AAA.innerHTML = "<div id=\"test0\" class=\"hoge\"><scr"+"ipt type=text/javascript src=hogege.js></scr"+"ipt></div>";
と言うように、<div id="hoge1"></div>を置換したいのですがうまく行きません。
置換した直後にhogege.jsを作動させたいのですが、思いつくのはこの程度です。。(笑
何か別な方法はございませんでしょうか。
IEのみ作動・・。とか言うのはご遠慮願います。
ご教授よろしくお願い申し上げます。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
DOMを利用したinnerHTMLプロパティの書き換えでscript要素を書き出しても、それはうまく動かないと思います。
外部JSファイルを呼び出さない場合でも、innerHTMLプロパティを書き換えてscript要素を書き出したとしても、その書き出すscript要素で定義した処理は実行されないようです。意図しているところをつかみきれていないかもしれませんが、クリックイベントか何かをトリガーにして、hogege.jsに記述されている内容を実行させたい場合は、hogege.jsの内容に手を加えてそこに定義した処理を関数としてまとめておき、hogege.jsはDOM+JavaScriptでscript要素を書き出して組み込もうとするのではなく、ページソースにscript要素であらかじめ組み込んでおき、トリガーとなるイベントを拾ったら、hogege.jsに定義した関数を呼び出して実行させる形にするのが良いような気がします。
処理内容などの詳細について不明な点も多いので、具体的な言及はできませんが、とりあえず参考まで。
ありがとうございます。
>クリックイベントか何かをトリガーにして、hogege.jsに記述されている内容を実行させたい・・
おっしゃる通りが意図です。
簡単には、複数の「イベント.JS」と、その表示部を狙った「タグ置換.JS」を用意しておき、
ページからそれぞれの「タグ置換.JS」にリンクしたボタンで固定された表示部にイベント起こす。
言い換えれば、固定された表示部でイベントを切り替えると言うものです。
>ページソースにscript要素であらかじめ組み込んでおき、トリガーとなるイベントを拾ったら、hogege.jsに定義した関数を呼び出して実行させる形にする
。。を具体化してみたいと思います。
No.1
- 回答日時:
>IEのみ作動・・。
とか言うのはご遠慮願います。innerHTMLは、ネットスケープでは、動かないですよ。
あと、innerHTMLは、タグの中を設定する
<div id="hoge1">この中を置き換える</div>
だから、"hoge1"を置き換えたいのなら
<div id="outer"><div id="hoge1">~</div></div>
で、"outer"の方を捕まえないとだめです。
この回答への補足
だからどうなのでしょうか?
>置換した直後にhogege.jsを作動させたいのですが、思いつくのはこの程度です。。(笑
>何か別な方法はございませんでしょうか。
>IEのみ作動・・。とか言うのはご遠慮願います。
この文章の意図が分かって貰えませんか?
ネスケでも作動させたいのですよ。
例として書いたのは、それこそ思いついたものであって、書いておくとこちらの意図することが分かっていただけると思ったからです。
何もそれについてどぉのこぉの言ってもらうつもりではありません。あしからず。
もう一度お聞きします。
何か<b>別な方法</b>はございませんでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- Visual Basic(VBA) Selenium Basicの件 5 2023/04/10 20:55
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のjavascriptを使うと動か...
-
wordpressでJavascriptのフラッ...
-
bxslider、画像が3枚以上になる...
-
音楽再生用jQueryプラグイン「j...
-
Base64に変換したHTMLの<script...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
SQLのWHEREで全てを質問する方法
-
テーブル内の数値を自動で計算...
-
JavaScript でキーを送る
-
javascriptとApacheの設定
-
テキストをクリックすると答え...
-
javascriptでalertの文字列をコ...
-
cssにjavascriptを入れる?呼び...
-
getElementsByNameで要素が取得...
-
Jquery.PHPファイルのechoが表...
-
キーを押している間の時間を計...
-
onbeforeunload時のwindow.open...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
jquery ui.resizable 使い方
-
複数のjavascriptを使うと動か...
-
Base64に変換したHTMLの<script...
-
bxslider、画像が3枚以上になる...
-
Jqueryの干渉について
-
DreamWeaverでJS
-
複数のバージョンのjQueryを同...
-
マウスオーバー+クリカブルマッ...
-
マスターページでのJavaScriopt...
-
jqueryのcolorboxを読込直後に...
-
javascript外部読み込みの際の引数
-
lightbox2 表示の不具合
-
jsファイルで配列を定義し、j...
-
jqueryを2つ設置した事で片方...
-
<script>タグというのはどこか...
-
Javascriptがうまく動作しません。
-
同一HTML内に複数のjQueryを作...
-
jqueryについて(Lightboxとbxs...
-
colorboxの直接呼び出し方法に...
おすすめ情報