- ベストアンサー
<div id="blank">内の<a>タグ群だけをtarget="_blank"にしたい
数十の<a>タグがあるHTMLファイルの中で、 <div id="blank">で囲まれた<a>タグ群のみをすべてtarget="_blank"にしたいと考えています。 該当する<a>タグすべてにtarget="_blank"を書くと、HTMLファイルの容量が大きくなるので、CSSのIDとJavaScriptを組み合わせて、実現できないものでしょうか。
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<base target="_blank"> <div id="blank"> <!-- --> </div> <base target="_self">
その他の回答 (1)
<html> <head> <script type="text/javascript"> window.onload = function(){ o=document.getElementById('blank').getElementsByTagName('A'); for(i=0;i<o.length;i++) o[i].setAttribute('target','_blank'); } </script> </head> <body> <div id="blank"> Checked IE7<br> <a href="aa.html">aa</a> <a href="bb.html">bb</a> <a href="cc.html">cc</a> </div> </body> </html>
お礼
getElementの使い方がよく分かってませんでした。 つなげて書くこともできたのですね。 参考にさせていただきます。
関連するQ&A
- <A> の属性 `TARGET`の代わりのタグですが。
ご指導を、お願い致します。 <TD><A href="○○○//XXXXXX.XXXXX" target=" _blank"></TD> このタグでは文法記述では、 『<A>のTARGET属性は、その利用自体が薦められていません。 ID属性を使いましょう。』 と表示されますが、＞blank＜を必要として（新規ページで表示） 命令的な＞target＜の代わりには何のタグが必要なのでしょうか？ ID属性での、代わりに入るタグは、何でしょうか。 ○○○○○="_blank">で教えて頂けますでしょうか。 CSSを使うべきも含めての回答も頂けると、有り難いです。 宜しくお願い致します。
- ベストアンサー
- HTML
- target=”_blank” が効きません
<body> <ul><li><a href="○" target="_blank">リンク</a></li></ul> </body> 上記のように、<a>～</a>を<ul>～</ul>で囲うとtarget="_blank"が効きません。 <a>～</a>を<p></p>など他のタグで囲った場合は効きます。 <ul>～</ul>で囲った場合だけ効きません。 どんな原因が考えられるのでしょうか… ulにかけているcssの中にtarget="_blank"を殺すような記述が入ってしまっているのでしょうか。 そんなcssありますか？ 目的はリンクを別窓で開きたいだけです。 ヒントをいただけますと助かります。
- ベストアンサー
- CSS
- WordpressでリンクAタグに target="_blank"を自動的に付加したい。
WordPress2.8.6を使っています。 HTMLモードの記事の作成でlinkボタンを押すと、Aタグの雛形ができますが、 属性のtarget="_blank"がデフォルトでは付加されません。 恐らく、PHPソースを変更する必要があると思いますが、どこを見ればよいのでしょうか？ ＜a href="http://"＞ ↓ ＜a href="http://" target="_blank"＞
- 締切済み
- ブログ
- リンク付き画像を右よりに表示するには？divタグ
<a href="http://○○" target="_blank"> <img src="http://○○" border="0" /></a> というタグを、ページの右に表示させたいのですが、 どうやって、表示させればいいのでしょうか？ divタグで挟むことをなんとなくわかったのですが、 divタグをどのように使えばいいのかわかりません。 cssで表示させる方法を教えてください。 今の状態でアップロードすると、自動で左寄りに表示されてしまいます
- 締切済み
- HTML
- CSSでのdivタグに付いての質問です。
現在HTMLを学習し始めたばかりで困惑しております。 HTML内の<body>タグ内に<div>タグを作りidを"main"としました。 具体的には<div id="main">Main</div>と記述しました。 そこからCSSで#main {color: red;} と記述しましたが、文字色の変更が全く反映されない状態です。 他の<p>タグや<h1>タグ、また<body>タグは全て奇麗に反映されるのに<div>だけが全然ダメな状態です。 一体何が原因なのか教えて下さい。 初心者すぎる質問だと思いますが、どうぞよろしくお願い致します。
- ベストアンサー
- HTML
- ｊａｖａｓｃｒｉｐｔ/target="_blank
フレーム内から別窓でurlを開こうとしています。 htmlでは以下の通りで、実現できます。 <a href="http://www.goo.ne.jp/" target="_blank">goo</a> JavaScriptで window.open(my_url,'_blank'); return false; としても、別窓で開くのですが、戻るの「←」が表示されてしまいます。（上記、「my_url」は変数です。） 宜しくお願いします。
- 締切済み
- JavaScript
- htmlのAタグおよびその下位のDIVを移動できるソフトありませんか
いつもお世話になります。 htmlファイルを作成していて ａタグに付帯する情報をdivタグで記載します。 例えば。 <a1 id="1001">aaaaa</a1> <div>あああああああ</div> <a1 id="1002">bbbbb</a1> <div>いいいい</div> <a2 id="2001">ccccc</a2> <div>ううううううう</div> ・・・・・・・・・・・ と、この情報を階層表示して、アイデアプロセッサに良くあるようにツリー表示をしてドラッグでその位置を入れ変えられるようなソフトはないものでしょうか。 つまり、上記のようなタグ構成を ビジュアル的に編集して、 <a2 id="2001">ccccc</a2> <div>ううううううう</div> <a1 id="1002">bbbbb</a1> <div>いいいい</div> <a1 id="1001">aaaaa</a1> <div>あああああああ</div> ・・・・・・・・・・・ と、いうようにしたいのです。 順番を入れ替えたとき、id=""の番号を新たにふり直して <a2 id="2001">ccccc</a2> <div>ううううううう</div> <a1 id="1001">bbbbb</a1> <div>いいいい</div> <a1 id="1002">aaaaa</a1> <div>あああああああ</div> ・・・・・・・・・・・ と、順番に番号を振り直してもふり直さなくても良いです。 並び替えたhtmlファイルが作成されれば良いのです。 アイデアプロセッサ関係でできないものかと探しましたが、見つけることができませんでした。 ご存じの方見えましたらよろしくお願いいたします。
- ベストアンサー
- フリーウェア・フリーソフト
- ■divにid指定して子供タグに適応(ソース付)
みなさん、よろしくお願いします。 上の段と下の段を表示上同じ結果にしたいと思います。 現在、上の段のようにdivタグ以下の全てのタグに、GrayMojiを 指定しています。 本番のソースでは、これが大量にあるので、簡潔に書きたいと思っています。 そこで、下の段のように、１つだけidを指定しただけで、divタグに含まれている 全タグにGrayMojiを適応させたいと思っています。 でも、このソースでは、同じ結果が得られません。 どのようにすれば、良いかアドバイスをいただけないでしょうか。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> <!-- a:link{ color: #0033EE;} #GrayMoji {color: #666666;} --> </style> </head> <body> <div> <a id="GrayMoji" href="main/about.html">div-AタグClass</a> <p id="GrayMoji">div-pタグClass</p> </div> ------------------------------------ <div id="GrayMoji"> <a href="main/about.html">divタグClass-A</a> <p>divタグClass-p</p> </div> </body> </html>
- ベストアンサー
- HTML
- target="_blank" にしていないのに…
HTMLの記述でtarget="_blank" にしていないのに、 リンク先が別ウインドウ（もしくはタブ）で展開してしまいます。 ひとつのHTMLページで、特定のアンカーに対してだけこの現象が起きます。 たとえば、 <p><a href="aaa.html">aaa</a></p> <p><a href="bbb.html">bbb</a></p> <ul> <li><a href="ccc.html">ccc</a></li> <li><a href="ddd.html">ddd</a></li> <li><a href="eee.html">eee</a></li> </ul> という記述をしたとして、 aaaおよびbbbに関しては現在開いているウインドウ（タブ）でリンク先を開くのですが、 ccc、ddd、eeeに関しては別タブで開いてしまいます。 主に使っているブラウザはFirfox3.6で オプションで「別ウインドウではなく別タブで開く」にチェックしています。 IE9で同じ操作をしたらccc、ddd、eeeともに同一ウインドウで開きました（HTML記述通りの挙動）。 また、GoolgleChomeでも試しましたがFirefoxと同じく別タブで開く動作でした。 アンカーをクリックしたときの動作は、 targetを指定しないときはtarget="_self"と同等だと思っていましたが違うのでしょうか？ お詳しい方、ご教授いただければと思います。
- ベストアンサー
- HTML
お礼
baseタグというものを今頃になって知りました。 これはいろいろ使えそうですね。