1 
myIFrame = new IFrame({
    id: 'iframe_content',
    src: '/iframe_src/'
});
console.dir(myIFrame);
var n = new Element('div', {
    style: {
        'width': '100px',
        'height': "100px",
        'border': '1px solid red'
    }
});

myIFrame.inject(document.body);
console.log("innerhtml", myIFrame.contentDocument.body.innerHTML);
console.dir(myIFrame.contentDocument.body);
n.inject(myIFrame.contentDocument.body);

div は iframe に注入されず、Ifrane のどの要素にもアクセスできません。mootools 1.4.0 または MooTools 1.2 でこれを行うにはどうすればよいですか?

4

1 に答える 1

3

src=コンテンツが混在している場合、つまりオンザフライで構築された コンテンツと追加の DOM 要素の場合、これはもう少し複雑です。

iframe にはload、src コンテンツが取得されたときに発生するイベントがあります。

http://jsfiddle.net/dimitar/AEP8T/

var myIFrame = new IFrame({
    id: 'iframe_content',
    src: 'http://fiddle.jshell.net/_display/',
    styles: {
        width: 640,
        height: 480
    },
    events: {
        load: function() {

            var n = new Element('div', {
                text: "hai there",
                styles: {
                    'width': '100px',
                    'height': "100px",
                    'border': '1px solid red'
                }
            });

            n.inject(this.contentDocument.body);

        }
    }
}).inject(document.body);

これは、src と埋め込みコンテキストが同じドメイン/ポートなどにある場合にのみ機能します。

于 2012-07-23T11:12:10.693 に答える