Я просто хочу добавить новый текстовый узел в SVG на html, используя функцию javaScript accion():
<!DOCTYPE>
<html>
<body>
<head>
<script type="text/javascript">
function accion(){
var SVGDocument = document.getElementById("idSVG");
var text2 = SVGDocument.createTextNode("text");
SVGDocument.appendChild(text2);
}
</script>
</head>
<input type="button" onclick="accion()" value="GO!!"/>
<svg id="idSVG">
<text id="texto" x="50" y="35" font-size="14">PRUEBA</text>
</svg>
</body>
</html>
Но SVGDocument.createTextNode("text");
возвращает ошибку: Object does not support this property or method
. Я думаю, проблема в том, что я не могу получить правильную ссылку на элемент idSVG. Я использую IE9.