html动态生成svg,使用JavaScript内部的HTML动态创建SVG元素

我想在HTML页面内创建一个矩形，然后在该矩形上写一些文本。我也需要这个文本是一个超链接。这是我做的，但它不工作：

var svg = document.documentElement;

var svgNS = svg.namespaceURI;

var rect = document.createElementNS(svgNS,'rect');

rect.setAttribute('x',5);

rect.setAttribute('y',5);

rect.setAttribute('width',500);

rect.setAttribute('height',500);

rect.setAttribute('fill','#95B3D7');

svg.appendChild(rect);

document.body.appendChild(svg);

var h=document.createElement('a');

var t=document.createTextNode('Hello World');

h.appendChild(t);

document.body.appendChild(h);

你能帮忙吗？

谢谢。