javascript - "Unexpected call to method or property access."在 IE 中带有 appendChild()

Question

function fload(){
  f = document.createElement('iframe');
  f.setAttribute('id','iframe');
  f.setAttribute('src','http://www.wtsp.com/news/article/199268/8/man-falls-behind-on-payments-mortgage-company-has-home-trashed');
  f.setAttribute('frameborder','0');
  document.getElementById('content').appendChild(f);
}

我正在尝试在加载其他所有内容后加载 iframe。以上是代码。在 IE9 中，控制台显示“SCRIPT65535:意外调用方法或属性访问”。指向带有 appendChild() 的行。

另外，是否可以异步加载 iframe？

Answer 1

正如评论者所说，id 为 content 的元素可能还不存在。另外，您不需要使用setAttribute，直接设置 DOM 属性即可:

function fload(){
  var f;
  var el = document.getElementById('content');

  if (el && el.appendChild) {
    f = document.createElement('iframe');
    f.id = 'iframe';
    f.src = 'http://...';
    f.frameborder = '0';
    el.appendChild(f);
  }
}

在您确信元素存在之前，例如在加载事件或类似事件之后，您不应该调用上述函数。