ベストアンサー

innerHTMLとは

2007/12/04 15:23

今日は、質問します。 innerHTMLとは、どのようなものでどのようなときに使うのでしょうか。

htgo
お礼率33% (407/1224)

HTML
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

SAYKA
ベストアンサー率34% (944/2776)

2007/12/04 15:30 回答No.1

<div id="A1"><b>innerHTML</b></div> alert(document.getElementById("A1").innerHTML); こうすると「<b>innerHTML</b>」と表示される筈だよ。使い方は様々だけど主に内容を書き換える事に使うね

関連するQ&A

innerHTMLって

タイトルの通りinnerHTMLとはどのようなものなのでしょうか。教えてください。
appendChildとinnerHTMLの順番？

■質問1 ・appendChildしてからinnerHTMLするのでしょうか？・もしくはその逆？・あるいはどちらでも良い？ ▽案1 tr.appendChild(td); td.innerHTML = "内容"; ▽案2 td.innerHTML = "内容"; tr.appendChild(td); ■質問2 ・innerHTMLは「DOM API」とは違うのでしょうか？・appendChildの仲間だと思っていたのですが…
innerHTMLを使い、書き換えたい

はじめまして。innerHTMLで文章を書き換えたいと思っています。 ■■■■■■■■■■■■ <div id='testid'>元の文章</div> <SCRIPT Laguage="JavaScript"></SCRIPT> ■■■■■■■■■■■■ とするとうまく<div>内の文章が書き換わるのですが、以下のようにjavascriptの記述を先に持ってくるとうまくいきません。 ■■■■■■■■■■■■ <SCRIPT Laguage="JavaScript"></SCRIPT> <div id='testid'>元の文章</div> ■■■■■■■■■■■■ 検索して調べたところ、「関数化させて id を指定したタグが表示されてから命令を実行させる」必要があるとのことなのですが、書き方がわからずにいる次第です。どなたかご教示いただければ幸いです。
innerHTMLを使わずに…

初めまして。よく、リンクに触れると、下に説明文が表示される…というようなサイトがありますよね。それの応用で、innerHTMLを使わずに以下のような物を作りたいのですが、お力を貸してくださいm(_ _)m ボタンAとボタンBがあって、ボタンAをクリックすると画像Aを表示。ボタンBをクリックすると画像Aから画像Bに表示が切り替わる。その表示した画像に個別のリンクを貼る。 <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><A onMouseOver="img.innerHTML='<a href=ＵＲＬ><IMG src=画像Ａアドレス></a>'" onMouseOut="text.innerHTML='<a href=リンクＡ><IMG src=画像Ａアドレス></a>'">ボタンＡ</A></td> <td rowspan="2"><font id="img"></font></td> </tr> <tr> <td><A onMouseOver="img.innerHTML='<a href=ＵＲＬ><IMG src=画像Ｂアドレス></a>'" onMouseOut="text.innerHTML='<a href=リンクＢ><IMG src=画像Ｂアドレス></a>'">ボタンＢ</A></td> </tr> </table> という物を作りたいのですが、innerHTMLは対応していないブラウザが多いので、使用したくないのです。 JavaScript、CSSはOKです！よろしくおねがいします。
innerHTMLに変数表示は？

innerHTMLに変数表示は？ innerHTMLに変数を入れて数値などをその都度表示したいのですが、上手くいきません。 document.getElementById("kazu").innerHTML = suuzi=suuzi+1; など。 innerHTMLではむりならば、他の方法を知りたいです。。
innerhtmlとdocumentwriteどっちつかう？

HTMLソース内のメニュー部分をカスタマイズしやすいように、 HTMLソースをjavascritpで外部化し表示しています。現在は「documentwrite」で書き出していますが、どうやら「innerhtml」という方法でソースを書き換え表示できるとを知りました。「innerhtml」か「documentwrite」どっちを使うほうがいいのでしょうか？また、一番お勧めのわかりやすく紹介しているサイトをご存知でしたら教えて下さい。
innerHTMLの初期値

下記のソースがあります。 <SCRIPT TYPE="text/javascript">  </SCRIPT> <a href="#" onClick='Change("ih2"); return false'>前</a><br> <a href="#" onClick='Change("ih3"); return false'>次</a><br> <div id="ih2" style="display:none">テキスト1</div> <div id="ih3" style="display:none">テキスト2</div> <br> <span id="result"></span> 前、次のリンクで表示されるテキストが切り替わるようにしているのですが、クリックする前の段階では何も表示されていない状態です。そこで、クリックする前でもid="ih2"の「テキスト1」が表示されている状態にしたいのですが、なかなか出来ません。 functionの前に document.all.result.innerHTML = document.all.ih2.innerHTML; と記述してみましたが駄目でした。 id="ih2"の値を読み込んで表示させたいのですが、何か良い方法はありませんか。
appendChildとinnerHTMLを短く

テーブルのthタグと内容を追加したい・下記で期待通り動作するのですが、冗長かなと思い、スッキリさせたいです・どうすれば良いでしょうか？ var tr = document.createElement("tr"); tbody.appendChild(tr); var th = document.createElement("th"); th.innerHTML = '見出1'; tr.appendChild(th); var th = document.createElement("th"); th.innerHTML = '見出2'; tr.appendChild(th); var th = document.createElement("th"); th.innerHTML = '見出3'; tr.appendChild(th); var th = document.createElement("th"); ……
innerHTMLについて

私は、証券会社のホームページに自動で入力するプログラムを解析しているのですが、下記コードはIEに表示されるログイン画面のbodyのHTML要素をdatに代入しようとしていると解釈していますが、当該画面のソースをみても、bodyのタグの間には、それらしいHTML要素は見つかりません。 innerHTMLで読み込もうとしているHTML要素はどこにあるものなのでしょうか。 Sub sess(objIE, dat, So1, S0, S1, S2, so2, URL02) 'SeesinID 読み込み URL02 = objIE.LocationURL dat = objIE.Document.body.innerHTML So1 = dat S0 = InStr(URL02, "bv") S1 = InStr(dat, "SessionID") S2 = InStr(dat, "BV_EngineID") So1 = Mid$(dat, S1, 39) so2 = Mid$(dat, S2, 45) URL02 = Left(URL02, S0 - 1) End Sub
javascript INNERHTMLについて

javascriptのINNERHTMLについて教えてください。親画面から子画面を呼び、引数で下記のようなHTMLを渡します。 "<ul><li>abc</li><li>def</li></ul>" この引数を子画面で受け取りINNERHTMLに入れて表示したいのですが・abc ・def と、ならず abc def というように表示されてしまいます。引数は親画面で設定した内容によって代わります。テーブルタグや斜体、太字、下線はうまく表示できるのに <ul><ol>は・や 1． 2．が外れて表示されてしまいます。何か回避する方法はないでしょうか？
innerHTMLの対象が動的に変わる場合…

innerHTMLで、一部だけDBを見に行った値に書き換えたいと思っています。 htmlファイルはバッチで作られていて、IDが固定ではなく、動的に変化する… たとえば、場合によって、 <div id="target1"></div> だけのこともあれば、 <div id="target1"></div> <div id="target2"></div> と、2箇所をinnerHTMLの対象としたいこともあります。バッチで作るのはHTML部分、しかもIDのところだけで、JavaScriptは別ファイルを読むだけで動的に変えることが出来ず、困っています。規則性があるIDであれば、全部innerHTMLの対象にできるような書き方があれば良いのですが、ご存知でしたら教えていただけないでしょうか。
innerHTML JAVASCRIPT実行

お問い合わせフォームで入力された内容をプレビューとしてinnerHTMLを使い、表示したいと思っています。そこで、疑問なのですが、フォームにJAVASCRIPTを書きこまれinnerHTMLで表示した際、実行されるおそれというのはないのでしょうか? 自分で、フォームにJAVASCRIPTを書いてinnerHTMLで表示したときは特に実行されている様子はなかったのですが心配になり質問させて頂きました。一応フォームで入力された内容を以下のように置換処理を通過させた方がよいのか。教えてください。 function chikan(data){ data=data.replace(/&/g,'&'); data=data.replace(/</g,'<'); data=data.replace(/>/g,'>'); data=data.replace(/"/g,'"'); data=data.replace(/'/g,'''); return data; } 私のブラウザは、FIREFOX3、IE7です。
jQueryの.val()とinnerHTMLの違いはなんでしょうか？

jQueryの.val()とinnerHTMLの違いはなんでしょうか？テキストエリアの値を修正しても、innerHTMLでは取得できず、 jQueryの.va()lだと取得できました。なにが違うのでしょうか？ jQueryのメソッドと、javascriptネイティブのinnerHTMLプロパティを比べるのはおかしいかもしれませんが、元々のjavascriptにはjQueryの.val()に相当するものはありますでしょうか？よろしくお願いいたします。
javascriptのinnerHTMLを動的に書き換える方法

javascriptのinnerHTMLを動的に書き換える方法宜しくお願い致します。一定時間の間、innerHTMLで表示した内容を、一定時間後に動的に変更させる方法で躓いています。以下、作ってみた内容です。 <script type="text/javascript">  </script> </head> <body onLoad="time_count()"> <table> <tr><td> <span id="time"></span> </td></tr> </table> </body> </html> この処理を実行すると、5秒間1秒ずつのカウントが進み、5秒後にカウントが止まるだけでinnerHTMLの内容が書き換わりません。どうすれば書き換えられるのでしょう？
eventが設定された要素のinnerHTML

eventが設定された要素のinnerHTMLを変更するとeventが発生しなくなります。 appendChild等を使用するということはわかりましたが、なぜinnerHTMLの書き換えだとeventが発生しなくなるのかが調べてもいまいちわかりませんでした、ご教示お願いします。また参考になるようなサイト等がありましたら教えてください。
JavaScriptのinnerHTMLの挙動について

下で"JavaScript内からJavaScriptを書き出したいのですが"で質問したものですが，ソースコードを簡単にして再質問したいと思います．ソースは以下のようにし，divタグのところにinnerHTMLで文字"test"とJavaScriptでアラートを表示させるものです．表示してみたところ，"test"は表示されるのですが，アラートは出てきません．これはinnerHTMLではHTMLのタグは評価されるが，JavaScriptは評価されない，ということなんでしょうか．JavaScriptのこのような仕様は調べにくいので困っています．回答宜しくお願いします． <html><head><title></title> <SCRIPT type="text/javascript">  </SCRIPT> </head><body> <div id="here" style="position:absolute;width:600px;left:0px;top:0px;"></div> <SCRIPT type="text/javascript">  </SCRIPT></body></html>
テキストのみの場合はinnerHTMLを使うべきか

innerHTMLはIE,Firefox,Chorme,safariでも対応しています。 innerTextやtextContentはブラウザによって対応が違いので、 /*@cc_on @if(1) innerText @else@*/ textContent /*@end@*/ のようにして対応させます。 <div></div>の中がテキストのみの場合は、どちらを使った方がよいでしょうか。 innerHTMLはよろしくないと聞いたことがあるのですが、それは <div></div>の中にタグが含まれる場合に問題が起きてくるということでしょうか。 <div>テキストテキストテキスト</div> <div>テキストテキストテキスト</div> <div>テキストテキストテキスト</div> getElementsByTagName('div')[1].innerHTML getElementsByTagName('div')[1]./*@cc_on @if(1) innerText @else@*/ textContent /*@end@*/
ajaxで読み込んだDOMに対してinnerHTML

ajaxで読み込んだDOMに対してinnerHTMLをしようとすると"undefined"となってしまい、何も読み込めません。 ajaxで読み込んだDOMに対してタグや要素付きのテキストを取得する事は出来ますでしょうか。宜しくお願いします。
innerHTMLに重なるselectボックス

小さな画面を出しているのですが、開いた画面がselectボックスに重なると、selectボックスが前面になってしまいます。これはどうにかならないでしょうか？以下サンプルスクリプト <html> <head> <title>テスト</title> </head> <body> <script language="JavaScript"> </script> <a href="#" onclick="openw('1')">子画面表示</a><br> あ<br> い<br> う<br> え<br> お<br> <a href="#" onclick="openw('1')">子画面表示</a><br> <form> <input type="text"><br> <input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><br> <select name="zz"> <option value="0">00000000000000</option> <option value="1">11111111111111</option> <option value="2">22222222222222</option> <option value="3">33333333333333</option> </select> </form> <a href="#" onclick="openw('1')">子画面表示</a><br> </body> </html>
innerhtmlへのリンク書き込み

現在、VBScriptでホームページ上のデータを拾い、ieのオブジェクトで拾ったデータを表示しようとしています。　（表示するデータは、コピー／ペーストできるようにしたい。）このとき、データ取得元ホームページのリンクも表示したいのですが、<a href>タグでリンク先を指定しinnerhtmlに書き込んでも、表示はできているのですが、マウスでクリックしてもリンク先のホームページが開きません。 innerhtmlへのリンク書き込みは無効になるのでしょうか？なにかいい方法をご存知であれば、ご教示願えないでしょうか？

innerHTMLとは

質問者が選んだベストアンサー

関連するQ&A

innerHTMLって

appendChildとinnerHTMLの順番？

innerHTMLを使い、書き換えたい

innerHTMLを使わずに…

innerHTMLに変数表示は？

innerhtmlとdocumentwriteどっちつかう？

innerHTMLの初期値

appendChildとinnerHTMLを短く

innerHTMLについて

javascript INNERHTMLについて

innerHTMLの対象が動的に変わる場合…

innerHTML JAVASCRIPT実行

jQueryの.val()とinnerHTMLの違いはなんでしょうか？

javascriptのinnerHTMLを動的に書き換える方法

eventが設定された要素のinnerHTML

JavaScriptのinnerHTMLの挙動について

テキストのみの場合はinnerHTMLを使うべきか

ajaxで読み込んだDOMに対してinnerHTML

innerHTMLに重なるselectボックス

innerhtmlへのリンク書き込み

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

innerHTMLとは

質問者が選んだベストアンサー

関連するQ&A

innerHTMLって

appendChildとinnerHTMLの順番？

innerHTMLを使い、書き換えたい

innerHTMLを使わずに…

innerHTMLに変数表示は？

innerhtmlとdocumentwriteどっちつかう？

innerHTMLの初期値

appendChildとinnerHTMLを短く

innerHTMLについて

javascript INNERHTMLについて

innerHTMLの対象が動的に変わる場合…

innerHTML JAVASCRIPT実行

jQueryの.val()とinnerHTMLの違いはなんでしょうか？

javascriptのinnerHTMLを動的に書き換える方法

eventが設定された要素のinnerHTML

JavaScriptのinnerHTMLの挙動について

テキストのみの場合はinnerHTMLを使うべきか

ajaxで読み込んだDOMに対してinnerHTML

innerHTMLに重なるselectボックス

innerhtmlへのリンク書き込み

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録