Get an element inside an iframe with javascript

Question

how to get Element From an Iframe? i want when the attribute of an element that its in a frame is true; it show a text, and else show another text; (sorry for bad english!)

like that:

<!DOCTYPE html>
    <html>

    <head>
    <title>document</title>
    </head>

    <body>

    <iframe id="frame" src="">

    <!--we think in frame there is a span tag with button id-->
    <span id="button" aria-passed="true">sss</span>
    </iframe>
    <br>

    <!--if its true-->
    <p id="content1" style="display:none;">
    true
    </p>
    <!--if its false-->
    <p id="content2" style="display:none;">
    false
    </p>

    <!--now we want that, if aria-passed=true show content1 else content2.-->
    <script type="text/javascript">
    var Frame = document.getElementById('frame');
    if(new RegExp ("true","gim").test(frame.contentWindow.document.getElementById('button').aria-passed="true") == true) {
     document.getElementById('content1').style.display="block";
    }
    else {
     document.getElementById('content2').style.display="block";
     }
    </script>
    </body>

    </html>

now i want to say why this code does not work???? any ideas?

`.aria-passed` isn't a property - that code is looking for the `aria` property and subtracting some undefined `passed` variable. And the `="true"` right after that should definitely be an error as you're trying to assign an expression a value, which isn't possible. Also, JavaScript is case sensitive, so you can't declare a variable as `Frame` and then use `frame` — Ian, May 25 '13 at 07:24

score 1 · Answer 1 · answered Oct 16 '13 at 10:24

1

It's much easier if you use jquery.

Example Code:

var elementattibutevalue = $("#frameID").contents().find("#htmlelementID").attr("SampleAttribute");

Hope it helps. (^_^)

answered Oct 16 '13 at 10:24

not.your.ordinary.girl

21
1
3

score 0 · Answer 2 · edited May 23 '17 at 12:11

0

I think the iframe in your code above is just a demonstration of how the loaded page code looks like? Take a look at this post Javascript - Get element from within an iFrame. Also change your 'Frame' variable to lowercase.

edited May 23 '17 at 12:11

Community

1
1

answered May 25 '13 at 07:12

sarahm

60
1
7

Get an element inside an iframe with javascript

2 Answers2