javascript - 获取加载的 SVG 文件的内容

Question

我已经制作了将从 url 加载到特定 div svg 文件的函数:

function load_vector(divId, vector_url) {
    var div = $(divId);

    div.load(vector_url);

    console.log(div.find('svg').html());
}

我这样称呼这个函数:

load_vector("#myDiv", "/path/to/vector/file.svg");

它成功地将 svg 文件加载到此 div，现在我将它作为 html 放在我的页面中。

但是我无法获取此 svg 文件的内容

console.log(div.find('svg').html());

这将返回未定义。

我错过了什么？

Answer 1

需要等待加载过程完成(它是异步的)。将您的 console.log 包装在回调函数中。像这样的东西:

div.load(vector_url, function() {
    console.log(div.find('svg').html());
});