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]);
    }
}