Question

如何从Iframe获取元素？我想要一个框架中的元素的属性为真; 它显示文本，然后显示另一个文本; （抱歉英语不好！）

像那样：

<!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>

现在我想说为什么这段代码不起作用???? 任何想法？

Answer 1

使用jquery会更容易。

示例代码：

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

希望它有所帮助。（^ _ ^）

Answer 2

我认为上面代码中的iframe只是演示加载的页面代码的样子？看一下这篇文章Javascript - Get element from within an iFrame。同时将“Frame”变量更改为小写。

使用javascript在iframe中获取元素

2 个答案: