2016-12-15 143 views
0

我的DOM如下。从父标记中获取元素ID

<html><head>...</head><body><script>...</script> 
<iframe id="frame"> 
    #document 
    <html>...</html> <!-- 2 --> 
</iframe> 
</body> 
</html> 

我在iframe(即html 2)中绑定了部分内容。在html_2部分,我打电话document.ready得到idiframe使用getElementById,但我得到null。如何获得iframe的id和其他属性值?

+0

第一:你为什么要使用iframe? – madalinivascu

+0

http://stackoverflow.com/questions/5864505/javascript-get-iframe-id-within-loaded-page –

+0

使用getElementById获取iframe的ID?您在getElementById中使用什么ID来获取iframe,其ID是“frame”? –

回答

0

我这样做如下,

$("#iframe", parent.document).attr("id"); 

顺便说一句,感谢所有谁回答和价值的意见帮助了我。

0

$("iframe").each(function() { 
 
    alert($(this).attr("id")); 
 

 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html> 
 

 
<head>...</head> 
 

 
<body> 
 
    <script> 
 
    ... 
 
    </script> 
 
    <iframe id="frame"> 
 

 
    </iframe> 
 
    <iframe id="frame1"> 
 

 
    </iframe> 
 
    <iframe id="frame2"> 
 

 
    </iframe> 
 
</body> 
 

 
</html>

  1. 使用.attr("id")
  2. 对于多个iframe中使用.each()到艾弗遍历所有的iframe
  3. 使用此功能可以获取当前的iframe
+0

我已经添加了所有需要的jquery。并警报给我空。我已经尝试过了。 – DhavalR

+0

那么如果你能提供一个演示或片段来展示你现在拥有的东西,那就更好了。 – guradio

+0

有一个html页面,我指向一个javascript。在这个脚本中,我调用了一个创建iframe的函数(使用src = controller方法获取部分内容)。在这部分,我指向另一个js,在这个js中,有document.ready,我想要iframe的属性值。实际上在Iframe中,作为父母,部分绑定。 – DhavalR

0

尝试使用这样的:

document.getElementById("frame").contentWindow.document.getElementById("div1") 
+0

什么是'div1'。?它在iframe或html_2(在我的情况下)...? – DhavalR

+0

@DhavalR它将是'iframe' HTML中的一个元素 – philantrovert