javascript - 页面加载后等待元素加载

Question

我有一个从文件加载 SVG Dom 的函数。目前，它创建一个 embed 元素并将其放置在文档中，然后等待它通过 onload 事件加载。然而，显然，在页面加载后，不会为放置在文档中的元素调用 onload。有没有一种方法可以注册一个在元素完成加载后调用的函数？

这是我的:

function loadSVG(svgFilename, callback)
{
  // Loads data from an svg file
  // loadSVG(
  //           svgFilename, // The path to the file to load
  //           callback     // The function to be called with the
  //                        // SVG document once it loads.
  //        );            
  var embed = document.createElement("embed");
  embed.src = svgFilename;
  embed.onload = function() // Doesn't get called because page has already loaded
  {
    var doc = embed.getSVGDocument();
    document.getElementById("SVGLoader").removeChild(embed);
    callback(doc);
  };
  document.getElementById("SVGLoader").appendChild(embed);
}

Answer 1

我发现了问题所在，我在用 style="display:none" 隐藏的 div 标签中加载 SVG 文档。出于某种原因，当 embed 位于此标记中时，浏览器没有加载它。当我删除 style 属性时，onload 事件按我预期的方式触发。