こんばんわ。
早速質問をお願いします。
下のような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ランキング
-
ジャバスクリプトについて。
-
二次元配列の全要素の全要素を...
-
初心者です。gulpでコンパイル...
-
Q&A掲示板の入力フォームに文字...
-
HTMLタグに複数のクラスを設定...
-
React hooksが値を返して配列変...
-
画面遷移を行わずに同一ページ...
-
jsで診断コンテンツのページ内...
-
プログラムについて。
-
ボタンを押したあとに画像を表...
-
disabled プロパティが表示され...
-
出発駅A、到着駅Bを選択すると...
-
特定の文字列を複数抜き出した...
-
追加ボタンを押した際に ok ボ...
-
指定時間になったら、WEBサイト...
-
var exports = exports || {}; ...
-
変数名をどのようにつけるのが...
-
HTMLで作った時報アプリが動き...
-
Cookieに保存されない
-
フロントエンドフレームワーク...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アコーディオンメニューにする...
-
iText セル内での自動改行について
-
Listでintの最大値を超える要素...
-
Aタグのhrefの値を取得したいの...
-
或る文字列の文字数が一定数以...
-
JS node.childNodesの仕様について
-
jtreeのノードを右クリックで選...
-
こんばんは。 メガメニューを今...
-
jQuery UIのDroppableにて
-
jQueryについて
-
ajaxで読み込んだDOMに対してin...
-
URL+URN=URI と習ったのですが...
-
iアプリで改行する方法を教えて...
-
新しいパソコンのネット設定な...
-
collection型を引数にしたファ...
-
(再質問)エクセルのマクロボ...
-
mとnを入力 mからnまでを加算し...
-
<p> </p>ってまずいの?
-
六本組み木の作り方を教えて下...
-
汎用機のJCLの入門書ありま...
おすすめ情報