0

IframeHTMLオブジェクトを簡単に作成するためのJSクラスを作成しようとしています。これは私のコードです:

var Iframe = function (params) {
    var src = params.src || '';
    var appendTo = document.getElementById(params.appendId) || document.body;
    var iframe = document.createElement('iframe');
    iframe.src = src;
    if (typeof params.attrs != 'undefined') {
        for (attr in params.attrs) {
            iframe.attr = params.attrs[attr];
            alert('attr: ' + attr + "\nIframe.attr: " + iframe.attr);
            alert(params.attrs[attr]);
        }
    }

    appendTo.appendChild(iframe);

}

DOMがロードされるとき:

var myIframe = new Iframe({
    src: 'http://www.example.com',
    appendId: 'iframeDiv',
    attrs: {height: '500px', id: 'ID'}
});

期待値を警告します:

attr: height
Iframe.attr: 500px

と:

500px

しかし、HTMLに引数を設定できません。これは、生成されたソースです。

<div id="iframeDiv">
    <iframe src="http://www.example.com"></iframe>
</div>

どうしたの?どうすればこれを達成できますか?

ありがとう!

4

1 に答える 1

2
iframe.attr = params.attrs[attr];

私はあなたが意味したと思います:

iframe[attr] = params.attrs[attr];

また:

iframe.setAttribute(attr, params.attrs[attr]);

ちなみに、あなたも宣言するattrのを忘れていました。

于 2012-08-28T16:59:05.427 に答える