teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

HTMLIframeElement#contentWindow

2017/07/18 02:14

投稿

think49
think49

スコア18194

answer CHANGED
@@ -1,3 +1,5 @@
1
+ ### iframe要素の内容
2
+
1
3
  > ```HTML
2
4
  > <iframe src="html:*****.com" id="parent">
3
5
  > <html>
@@ -15,4 +17,24 @@
15
17
  あるいは、iframe要素のリンク先を表す疑似コードなのでしょうか。
16
18
  しかし、それなら、`$("#parent html body").height();` が動くはずがないと思うのですが…(未検証)。
17
19
 
20
+ ### jQuery("iframe html body")
21
+
22
+ あるいは、iframe要素のリンク先を表す疑似コードなのでしょうか。
23
+ しかし、それなら、$("#parent html body").height(); が動くはずがないと思うのですが…(未検証)。
24
+
25
+ **(2017/07/18 11:05追記)**
26
+ jQuery 3.2.1 + Google Chrome + 59.0.3071.115 で検証しましたが、やはり期待通りに動作しませんでした。
27
+
28
+ - [iframe要素のリンク先 - JSFiddle](https://jsfiddle.net/hm0vwk3u/2/)
29
+
30
+ ### HTMLIframeElement#contentWindow
31
+
32
+ - [HTMLIFrameElement - Web API インターフェイス | MDN](https://developer.mozilla.org/ja/docs/Web/API/HTMLIFrameElement)
33
+ - [iframe要素のリンク先の高さを得る - JSFiddle](https://jsfiddle.net/hm0vwk3u/3/)
34
+
35
+ ```JavaScript
36
+ console.log(document.getElementById('parent').contentWindow.innerHeight);
37
+ console.log(document.getElementById('parent').contentDocument.body.clientHeight);
38
+ ```
39
+
18
40
  Re: odmdom さん