Question

<iframe  id="frame" style=" width:100%; height: 700px;    margin:30px 0 0 0px;
                         border-style: none; " src="" ></iframe>
 <button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    var x = document.getElementById("frame");
    var y =  x.contentDocument;
    if (y.document)y = y.document;
    y.body.style.backgroundColor = "red";
   //  alert("c");
     //   window.alert(5 + 6);
        x.src="some_link";
//document.write("k");
var xx = document.getElementsByClassName('nav-link');
//alert(xx);
var j = 0;
while (xx[j]){
xx[j].setAttribute('href', '');
alert("h"+j);
j++;
}
}

</script>

    var xx = document.getElementsByClassName('nav-link');
    There is error in this line i guess.
Not able to retrieve the links.

Answer 1

How to get the href link from iframe

以下是使用Jquery的示例，但您可以使用纯JavaScript进行此操作。

毕竟，您可以使用Jquery属性length。这很容易。

Answer 2

您正在使用父document

var xx = document.getElementsByClassName('nav-link');
         ^

相反，请使用包含框架文档的y变量

 var y =  x.contentDocument;
            ^

 if (y.document)y = y.document;
                      ^

分配给y正确的document对象

y = x.contentWindow.document

使用以下代码行：

var xx = y.getElementsByClassName('nav-link');

如何计算html中iframe标记中的链接数

2 个答案: