InnerSVG 내가 재산 <code>innerSVG</code> 값을 얻을 <code>undefined</code>을 잡으려고 IE11

Question

에서 SVG 요소에 대한 비어 있습니다.

, 나는 표준에는 innerSVG 속성이 없습니다 jQuery('#main_svg')[0].innerSVG

Answer 1

사용했던 내용을 콘솔에 만족 표시되지 않습니다. DOM Parsing and Serialization spec에 따르면 Element.innerHTML은 SVG 또는 기타 XML 콘텐츠에도 적용됩니다.

는 2009 년 도서관 innnerSVG 분명히, 그 시간에, 모든 브라우저에서 작동하지 않았다 모든 SVGElements

에 innerHTML 속성을 제공

에 출판되었다. 여기에는 자체 XML serializer 구현이 포함되어 있습니다. 소스 코드의 수많은 TODO 주석은 상당히 불완전한 것으로 보입니다. XMLSerializer에 대한 지원이있는 한

은 인터넷 익스플로러 9 있기 때문에, 더 이상 정말 필요하지 않습니다. IE 11은 버그를 갖고있는 것 같아요 및 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; 
    } 
}