我需要编辑（使用 javascript）嵌入在 html 页面中的 SVG 文档。
加载 SVG 后，我可以访问 SVG 及其元素的 dom。但是我无法知道 SVG dom 是否已准备好，因此我无法在加载 html 页面时对 SVG 执行默认操作。
要访问 SVG dom，我使用以下代码：
var svg = document.getElementById("chart").getSVGDocument();
其中“chart”是嵌入元素的 id。
如果我在 html 文档准备好后尝试访问 SVG，请通过以下方式：
jQuery(document).ready( function() {
var svg = document.getElementById("chart").getSVGDocument();
...
svg 始终为空。我只需要知道它什么时候不为空，这样我就可以开始操作它了。你知道有没有办法做到这一点？
在主文档中的嵌入元素（例如 'embed'、'object'、'iframe'）上添加一个onload调用您的函数的属性，或在脚本中添加事件侦听器，例如embeddingElm.addEventListener('load', callbackFunction, false). 另一种选择可能是侦听DOMContentLoaded，这取决于您想要它做什么。
您还可以在主文档上添加加载侦听器。jQuery(document).ready并不意味着所有资源都已加载，只是文档本身有一个可以执行操作的 DOM。但是请注意，如果您在整个文档上侦听加载，则在加载该文档中的所有资源、css、javascript 等之前，不会调用回调函数。
如果您使用内联 svg，则jQuery(document).ready可以正常工作。
另请注意，您可能需要考虑使用embeddingElm.contentDocument（如果可用）而不是embeddingElm.getSVGDocument().
您可以使用onload事件进行检查。
假设 some.svg 嵌入在 object 标签中：
<body>
<object id="svgholder" data="some.svg" type="image/svg+xml"></object>
</body>
查询
var svgholder = $('body').find("object#svgholder");
svgholder.load("image/svg+xml", function() {
alert("some svg loaded");
});
javascript
var svgholder = document.getElementById("svgholder");
svgholder.onload = function() {
alert("some svg loaded");
}
假设你的 SVG 在一个<embed>标签中：
<embed id="embedded-image" src="image.svg" type="image/svg+xml" />
SVG 图像本质上位于一个子文档中，该子文档将具有load与主document. 但是，您可以侦听此事件并对其进行处理：
var embed = document.getElementById("embedded-image");
embed.addEventListener('load', function()
{
var svg = embed.getSVGDocument();
// Operate upon the SVG DOM here
});
这比轮询要好，因为您对 SVG 所做的任何修改都会在首次绘制之前发生，从而减少闪烁和 CPU 绘制所花费的精力。
嵌入元素（例如对象）的加载事件将是我的偏好，但是，如果由于某种原因这不是一个可行的解决方案，那么我为 SVG DOM 找到的唯一通用且可靠的测试是 SVG 的 getCurrentTime 方法根元素：
var element = document.getElementById( 'elementId' );
var svgDoc = element.contentDocument;
var svgRoot = svgDoc ? svgDoc.rootElement : null;
if ( svgRoot
&& svgRoot.getCurrentTime
&& ( svgRoot.getCurrentTime() > 0 ))
{
/* SVG DOM ready */
}
在W3C的SVG建议指出getCurrentTime上SVGSVGElement：
返回相对于当前 SVG 文档片段的开始时间的当前时间（以秒为单位）。如果在文档时间线开始之前调用 getCurrentTime（例如，在分派文档的 SVGLoad 事件之前通过在 'script' 元素中运行的脚本），则返回 0。
使用 jQuery，您可以绑定到 Erik 提到的窗口加载事件：
$(window).load(function(){
var svg = document.getElementById("chart").getSVGDocument();
});