Get iframe's element by attribute using javascript

Question

all, I`ve a question about get iframe's element by attribute using javascript.

1.html

<iframe id="if" src="2.html">
<div attr="test">

2.html

<div attr="test">

I`ve already known that if parent page want to get the its element by attribute, we can use jQuery like

$("div[attr='test']")

But how can parent get it's iframe's element by attribute?

Please write some simple code for explain, great thanks!

Jarod

I`ve found out a solution and test fine:

$("iframe[data-label='if']").contents().find("div[attr='test']");

old question, but worth noting that the html is likely malformed or OP is trying to do a DOM lookup in the iframe from the parent window, which is effectively impossible — Zach Lysobey
– Zach Lysobey, Commented Jan 26, 2014 at 18:35

gdoron · Accepted Answer · 2012-05-07 18:28:58Z

1

If I'm not totally off:

$("iframe div[attr='test']")...

Or with id:

$("#if div[attr='test']")...

answered May 7, 2012 at 18:28

gdoron

151k59 gold badges302 silver badges376 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1232236 Over a year ago

I've another question, if the iframe has no id but only a attribute, how can I do this? 1.html <iframe attr="if" src="2.html"> <div attr="test"> 2.html <div attr="test">

Biskirit Răzvan · Accepted Answer · 2017-05-10 14:27:54Z

0

Did you tried?

window.frameElement.getAttribute("data-media");

answered May 10, 2017 at 14:27

Biskirit Răzvan

112 bronze badges

Collectives™ on Stack Overflow

Get iframe's element by attribute using javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related