InnerSVG est vide pour l'élément SVG dans IE11

Question

J'essaie d'obtenir la propriété innerSVG valeur et attraper undefined.

Vous ne trouvez pas plaisir de contenu consoler, je l'ai utilisé jQuery('#main_svg')[0].innerSVG

Answer 1

Il n'y a pas de propriété innerSVG dans toute norme. Selon DOM Parsing and Serialization specElement.innerHTML devrait fonctionner aussi pour SVG ou autre contenu XML.

En 2009, une bibliothèque innnerSVG a été publié à

fournir la propriété innerHTML sur tous SVGElements

Ce qui semble, à ce moment-là, ne fonctionne pas dans tous les navigateurs. Il contient sa propre implémentation d'un sérialiseur XML. Les nombreux commentaires TODO dans le code source semblent indiquer qu'il est assez incomplet.

Depuis Internet Explorer 9, il n'est plus vraiment nécessaire, car il existe un support pour XMLSerializer. Alors que IE 11 semble avoir un bug et que cela ne fonctionnera pas pour retourner le contenu innerHTML,:

function getInnerHTML (el) { 
    if (el.innerHTML === undefined) { 
     var XMLS = new XMLSerializer(); 
     var nodes = []; 
     for (var i = 0; i < el.childNodes.length; i++) { 
     nodes.push(XMLS.serializeToString(el.childNodes[i])); 
     } 
     return nodes.join(''); 
    } else { 
     return el.innerHTML; 
    } 
}