SVG Document.body 属性

SVG (Scalable Vector Graphics) 是一种基于 XML 的矢量图形标准，用于描述二维图形和动画。在 SVG 中，每个图形元素都是在一个 SVG 文档中定义的。

SVG Document.body 属性是 SVGDocument 接口的一个属性，它返回文档的 body 元素。body 元素是可以包含图形元素的容器元素，如果 SVG 文档中未定义 body 元素，则该属性将返回 null。

以下是使用 SVG Document.body 属性的示例代码：

// 获取 SVG 文档
var svgDoc = document.getElementById("mySVG").contentDocument;

// 获取 SVG 文档的 body 元素
var svgBody = svgDoc.body;

// 在 body 元素中添加一个矩形元素
var rect = svgDoc.createElementNS("http://www.w3.org/2000/svg", "rect");
rect.setAttribute("x", "50");
rect.setAttribute("y", "50");
rect.setAttribute("width", "100");
rect.setAttribute("height", "100");
svgBody.appendChild(rect);

在上面的代码中，我们首先获取 mySVG 元素的 contentDocument 属性，该属性返回嵌入在 mySVG 元素中的 SVG 文档。然后，我们使用 SVG Document.body 属性获取 SVG 文档的 body 元素，并在其内部添加一个矩形元素。

SVG Document.body 属性在向 SVG 文档中添加元素时非常有用，因为它允许我们在 SVG 文档中找到一个容器元素来添加元素，而不是在整个文档中搜索容器元素。

总之，SVG Document.body 属性是 SVGDocument 接口的一个重要属性，用于获取 SVG 文档的 body 元素，这个属性对于向 SVG 文档中添加元素非常有用。