• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：JavaScriptでのターゲット指定）

JavaScriptでのターゲット指定方法

yyr446の回答

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

仕様書を通読している分けではありませんが、html4.0やxhtml1.1では、 html要素にname属性を付けて識別するのは推奨されず、識別が必要な 要素にはページ内でユニークなid属性を着けて、javascriptからは document.getElementById(id)でアクセスするのが堅実です。 idで取得した要素に対して、その親要素や兄弟、子要素を参照すれば よいのですが、ブラウザーによる違いがあり、どんな要素でも同じ親子関 係だけで、びしっと一発で決まるという訳にはなってません。 また、複数の共通要素を選ぶのにはCSSと同じくclass属性を使う事に なりますが、javascriptからクラス指定で選択する document.getElementsByclassname(classname) をサポートするブラウザーはまだ普及していません。

urahyster
質問者

お礼

なるほど・・ htmlのタグ指定なんかはdocument.getElementById(id)で行えば良いのですね！ 複数指定や動的な動作の上では何か物足りない気もしますが、 現在の規格ではプログラマが泣くしかなさそうですね。 どうもありがとうございました！

この回答がついた質問に戻る
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • form targetで新しいウィンドウをたちあげてから元に戻れる？

    こんにちわ， 今HTMLの学習をしています。 質問なんですが,たとえば,あるページ（hoge.html)が <frameset cols=30%,70%> <frame name="left" src="hogeleft.html"> <frame name="right"src="hogeright.html"> としておき， そのhogeleft.htmlかhogeright.htmlの中で <form action="hoge2.html" method="POST" target="other">'; とターゲットフレームネームにないものを指定することで新しいウィンドウでhoge2.htmlを立ち上げられますよね。 そのあと，hoge2.htmlからもとのウィンドウのほうの左フレームにhoge3.htmlを表示したいときはどうすればよろしいのでしょうか。 <form action="hoge3.html" method="POST" target="left">'; でいいのでしょうか。 よろしく回答お願いいたします。

    • ベストアンサー
    • HTML
  • フレームのターゲット指定について

    フレームを使ったHPを製作しているんですが フレームのターゲット指定がなぜかうまくいきません。2分割したフレームなんですけどもフレームタグは <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>タイトル</title> </head> <frameset cols="100,*" framespacing="0" frameborder="NO" border="0"> <frame src="t_menu.htm" name="menu" scrolling="NO" noresize id="menu"> <frame src="t_main.htm" name="main" id="main"> </frameset> <noframes> <body> <P> このページをご覧いただくにはフレーム対応のブラウザが必要です。 </p> </body> </noframes> <script language="JavaScript"> <!-- window.open = SymRealWinOpen; //--> </script> </html> です。 t_menu.htmで指定したページを全てt_main.htm開きたいと思い、<a href="about.htm" target="main">を入れてもなぜか新しい窓が開いてしまいます。<a href="about.htm" target="menu">とやるとちゃんとmenuのところで開くようになります。何度やってもmainのほうに開いてくれません。何がいけないのでしょうか？ 製作環境はDreamweaver MX2004、IE6.0です。 宜しくお願いします。

  • JavaScriptを用いた文字列置換

    JavaScriptを用いて、以下のようなことが可能でしょうか。 <div class="test"> <A Href="http://xxx"> <Img Src="hoge.gif"> </A></div> 上記タグを下記タグに置換したいです。 <div class="test"> <Img Src="hoge.gif"> </div> ようはAタグを丸々削除したいのですが、JavaScriptで可能でしょうか。 お分かりの方お教え下さい。

  • ＜a href ＞タグのtarget属性について

    読込先のウィンドウを指定する、target属性なんですが、読込先をフレームにすると、ネットスケープ4.ｘで新しいウィンドウが開いてしまい、うまくいきません。 ちょっとわかりづらいかもしれませんが、たとえば、 フレームが上下に2分割してあるＨＴＭＬ、 <html> <frameset rows="50%,50%"> <frame src="up.html"name="ue"> <famae src="down.html"name="sita"> </frameset> </html> 上のＨＴＭＬに対して、name属性でつけた、「ue」というフレームを以下の ＨＴＭＬファイル（他のウィンドウ）から読みこませると、ＩＥではうまくいくんですが（ueという名前のフレームに、下のＵＲＬが読み込まれる）、 ネットスケープ（4.5ｘ以上）でうまくいきません。 <html> <a href="http://www.xxx.co.jp"target="ue">ueに読み込む</a> </html> もう一度説明すると、他のウィンドウから、任意のフレームを指定して、 ページを読み込ませたいんですが、ＩＥではうまくいきますが、ネットスケープでは新しく別ウィンドウが開いてしまいます。 ネットスケープの設定か、フレームの指定の仕方の違いかもしれません。 わかるかたがいらっしゃいまいしらお願いします。

  • javascriptの動的読み込みについて教えてください

    javascriptの動的読み込みについて教えてください いつもお世話になります。 jqueryを勉強中のものです。 少しややこしいのですが、 以下のmenu.htmlとmain.htmlを持ったframe.htmlで、メニューの試験ボタンを押してmain.htmlの<div id="target_id">にload.htmlを動的に読み込んだ時、loadされたhelloボタンが作動しません。 menu.htmlのtest()中のalert(data);でload.htmlの<script>が読み込まれていることは確認できるのですが・・何が原因でどこが悪いのでしょうか？ よろしくご指導お願いします。 frame.html ----------------------------------------------------------- <html> <head> <title>Dynamic Load Test</title> </head> <frameset name="frame" cols="180,*"> <frame name="menu" src="menu.html"> <frame name="MainPanel" src="main.html"> </frameset> </html> ----------------------------------------------------------- menu.html ----------------------------------------------------------- <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"><!-- function test(){ jQuery.get("./load.html",function(data){ alert(data); $("#target_id",window.parent.MainPanel.document).html(data); }); } // --></script> </head> <body> <button onClick="test();">試験</button> </body> </html> ----------------------------------------------------------- main.html ----------------------------------------------------------- <html> <head> </head> <body> <h1>main.html</h1> </body> <div id="target_id"></div> </html> ----------------------------------------------------------- load.html ----------------------------------------------------------- <h1>load.html</h1> <script type="text/javascript"><!-- function hello(){ alert("こんにちわ"); } // --></script> <button onClick="hello();">hello</button> -----------------------------------------------------------

  • すべてのリンククリックでtargetを指定するワザ

    すべてのリンククリックでtargetを指定するワザはないでしょうか。 上部Ａフレームと下部Ｂフレームに分かれているページで、Ｂフレームでリンクをクリックすると、それぞれのリンクでtargetを指定しなくても、すべて target="_parent"で開くなどの設定をjavascriptでできないものでしょうか。 「できない」という断言も歓迎！！

  • フレームのtarget指定方法

    社内で使用するページのフレームについてお願いします。 A支店B支店は違うサーバを使用しています。 <html> <head> <title>社内用フレーム</title> </head> <frameset cols="50%,*"> <frame src="A支店BBS" name="frame1"> <frame src="B支店のページ1" name="frame2"> </frameset> </html> のようなページframe.htmlをローカルで作成し、ブラウザで閲覧します。 そのとき、A支店BBSにリンクを貼った書き込み <A HREF="B支店のページ2">ここを見てくださいね！</A> をクリックすると、frame2である右側のページにB支店のページが表示されるように することは可能でしょうか？ target="frame2を追記するだけでは新規のウィンドウが立ち上がってしまうようです。 あくまで社内利用なので、SEO等は考えから除外しております。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • Javascriptが読み込めない　表示されない

    無料掲示板（http://www.net4u.org/）で作った掲示板に FC2（http://analyzer.fc2.com/）のアクセス解析を入れて使っています。 その掲示板を見ようとすると，ランタイムエラーが出ます． 21行目（アクセス解析タグ）でオブジェクトがありませんと止まってしまいます． その部分のソースです. <!--アクセス解析タグ　ここから--> <script language="JavaScript" src="http://analyzer2.fc2.com/analyzer.js?uid=○○○○○"></script><noscript><di v align="right"><a href="http://analyzer.fc2.com/" target="_blank">アクセス 解析</a></div></noscript> <!--アクセス解析タグ　ここまで--> こちらの環境はＷｉｎ９８ＳＥ　ＩＥ６．０．２８００．１１０６です． ＪＡＶＡスクリプト部分が動かないようです． ちなみにＭＡＣやＸＰでは問題なく動きます。 アクティブスクリプトの設定はオンになっています。 何故見れないのでしょうか？教えてください。 よろしくお願いします．

  • JavaScriptを直接呼んでリンク

    Linux+Apacheで開発しております。 javascriptを直接呼んで任意のリンクへ移動したい のですが、現在ですとダイアログが表示されて ダウンロードしますか？と聞かれます。 そうじゃなくってhoge.jsに書いたリンク先へ 移動したいのです。 ご存知の方がいらっしゃいましたらご教授下さい。 よろしくお願いいたします。 <a href="http://hoge.co.jp/hoge.js">ホゲリンク</a><br> --------- hoge.js -------- document.write("<iframe width='300' height='300' src='http://hoge.co.jp/hoge.php' NAME='iframeName'></iframe>");

  • 強制ページ一括リンクターゲット指定

    http://asahinet.usamimi.info/shop/ ↑サイトにあるようなアフィリエイトの各ページを作成したいのですが、タグの変更禁止のためターゲット指定がblank指定になってしまいます。 フレームメニューをクリックした時にリンクのターゲット指定を無視して 、強制的に右ページにターゲット指定することは不可能なのでしょうか？

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する