使用JavaScript獲取iframe中的元素

Question

如何從iframe獲取元素？ 我想要框架中元素的屬性為true時； 它顯示一個文本，否則顯示另一個文本； （對不起，英語不好！）

像那樣：

<!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-從iFrame中獲取元素。 還要將“ Frame”變量更改為小寫。

使用JavaScript獲取iframe中的元素

問題描述

2 個解決方案

解決方案1
1 2013-10-16 10:24:55

解決方案2
0 2013-05-25 07:12:38

使用JavaScript獲取iframe中的元素

問題描述

2 個解決方案

解決方案1 1 2013-10-16 10:24:55

解決方案2 0 2013-05-25 07:12:38

解決方案1
1 2013-10-16 10:24:55

解決方案2
0 2013-05-25 07:12:38