Iframe
HTMLオブジェクトを簡単に作成するための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>
どうしたの?どうすればこれを達成できますか?
ありがとう!