javascript - 在没有 jquery 的情况下获取 iframe 中的特定内容

Question

我想在没有 jQuery 的 iframe 中获取特定内容（.y6 中的所有跨度），
我怎样才能只写 javascript？

“ #canvas_frame ”是一个 iframe

spans = $("#canvas_frame").contents().find(".y6>span");

Answer 1

如果 iframe 与父页面位于同一域中，则可以使用 iframe 的 contentWindow 属性。

像下面这样的东西应该可以帮助你：

var canvasFrame = document.getElementById('canvas_frame').contentWindow,
    allSpans = canvasFrame.document.getElementsByTagName('span'),
    spans = [],
    i;

i = allSpans.length;
while(i--){
    if(/y6/.test(allSpans[i].parentNode.className)){
        spans.push(allSpans[i]);
    }
}