こんばんわ。
早速質問をお願いします。
下のような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ランキング
-
読み込んだQRコードをフォーム...
-
①入力フォーム→②確認表示画面→③...
-
Q&Aの掲示板を作成していてヤフ...
-
GASでチェックボックスを一括of...
-
特定の文字列を複数抜き出した...
-
イラストレーター、縦中横のシ...
-
【GAS】WEBアプリでハイパーリ...
-
jsonテキストデータの並び替え...
-
switch文のswitch(n)の部分を複...
-
二次元配列を使って順位をだす...
-
フロントエンドフレームワーク...
-
初心者です。gulpでコンパイル...
-
jsで質問です。 ボタンが二つ存...
-
jQueryで同じクラス名のものを...
-
HTMLタグに複数のクラスを設定...
-
GASに文字列として関数を入れる...
-
Colorboxがうまく設置できません
-
Cookieに保存されない
-
React hooksが値を返して配列変...
-
スマホ上で、左右スワイプで次...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アコーディオンメニューにする...
-
iText セル内での自動改行について
-
JS node.childNodesの仕様について
-
JTextAreaを改行コードを直接書...
-
jQuery UIのDroppableにて
-
ajaxで読み込んだDOMに対してin...
-
HTMLでのテキストエリアで入力...
-
Aタグのhrefの値を取得したいの...
-
jtreeのノードを右クリックで選...
-
プログラミング
-
(再質問)エクセルのマクロボ...
-
collection型を引数にしたファ...
-
mとnを入力 mからnまでを加算し...
-
汎用機のJCLの入門書ありま...
-
コンソール画面のクリアの方法
-
新しいパソコンのネット設定な...
-
ヘッダファイルimage.hとは?
-
Progateの入力画面で使えるショ...
-
cframeworkについて
-
シェルソートのフローチャート...
おすすめ情報