こんばんわ。
早速質問をお願いします。
下のようなhtml文があります。
//------------------------------------------------
<span id = 'ID'><IFRAME FRAMEBORDER='0' MARGINHEIGHT='0' MARGINWIDTH='0' SCROLLING='NO' HEIGHT='60' WIDTH='120' SRC='address'> <table border='0' height='60' width='120'><tr><td align='center' valign='middle'><a href='address' target='_blank'>リンクテキスト<img src='address' width='1' height='1' border='0' alt='' /></a></td></tr></table> </IFRAME></span>
//------------------------------------------------
<span>~</span>の間にある、aタグの [href='address']の値を取得
したいのですが上手く行きません。
var nodes = document.getElementById("ID");
var links = nodes.getElementsByTagName("a");
で<span>~</span>内のAタグリストにして、そこから
var href = links[0].getAttribute("href");
で取れるかなと思ったのですが、どうもgetElementsの部分からして
違うらしくて。
要素の子を頭から順にたどって行けば、一応値は取れると思いますが、
階層の深さ常にが一定とは限らない為、それはしたくありません。
こういった場合、どうするのが一般的なのでしょうか?
宜しければアドバイスをお願い致します。
No.1ベストアンサー
- 回答日時:
iframe 要素を使っていなければ maru_n さんの JavaScript コードで期待通りの動作をするはずです。
今回の例の場合、iframe 要素を使っているというところにちょっと問題があります。 iframe 要素の中身は 「iframe 要素をサポートしていない UA において表示され」 ます。 逆に言うと、iframe 要素をサポートしている UA では iframe 要素の中身は全くレンダリングされないということになります。
そのため、iframe 要素をサポートしている UA では、ID = "ID" の span 要素の子孫は iframe 要素のみになり、a 要素はないことになってしまいます。 ゆえに getElementsByTagName メソッドで a 要素を取得しようとしても取得できないのです。
以上が原因です。
そんなわけで解決は難しいと思うのですが、そもそも表示されもしない iframe 要素の子孫要素を取得する必要はあるのでしょうか? そこから設計を見直したほうがいいような気がします。
なるほどなるほど。
iframeはそういった働きをするものなのですね。
正常にレンダリングされた後では、iframe内のタグは無いものに
されてしまうと。
よく理解できました。ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでシンセサイザーを作っ...
-
switch文のswitch(n)の部分を複...
-
セレクトボックスを2つ選択して...
-
①入力フォーム→②確認表示画面→③...
-
追加ボタンを押した際に ok ボ...
-
二次元配列の全要素の全要素を...
-
【GAS】WEBアプリでハイパーリ...
-
【Google Apps Script】「ライ...
-
プログラミング 学習
-
HTMLでサブフレームから親のス...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
iText セル内での自動改行について
-
アコーディオンメニューにする...
-
【jQuery】MixltUPの複数フィル...
-
或る文字列の文字数が一定数以...
-
Aタグのhrefの値を取得したいの...
-
こんばんは。 メガメニューを今...
-
URL+URN=URI と習ったのですが...
-
2つのXMLファイルを読み込む
-
Nivo Sliderのカスタマイズにつ...
-
Listでintの最大値を超える要素...
-
JTextAreaを改行コードを直接書...
-
配列による二分木
-
Firefox にて appendChild での...
-
イベントリスナの削除
-
既存のXMLを別のXMLの要素とし...
-
jQueryについて
-
jtreeのノードを右クリックで選...
-
ajaxで読み込んだDOMに対してin...
-
(再質問)エクセルのマクロボ...
-
collection型を引数にしたファ...
おすすめ情報