javascript iframe, object, embed 태그 에 SVG 대상 요 소 를 가 져 옵 니 다.

javascript iframe, object, embed 태그 에 SVG 대상 요 소 를 가 져 옵 니 다.
JS 코드
HTML 코드
결어
최근 에 작은 기능 을 완 성 했 습 니 다. iframe 태그 에 도 입 된 SVG 의 DOM 을 js 로 조작 해 야 합 니 다. 인터넷 에서 많은 인 스 턴 스 를 찾 았 지만 iframe 의 DOM 을 얻 지 못 했 습 니 다. 인터넷 에서 본의 아니 게 방법 을 보 았 습 니 다. 원래 iframe 에 도 입 된 SVG 는 로드 가 완 료 된 후에 만 얻 을 수 있 었 습 니 다. 지금 은 코드 를 붙 이 고 공급 이 필요 한 친구 들 이 참고 하 세 요.
JS 코드

    /*  iframe    svgDom ，    iframe     ，
        document.getElementById('iframe').contentDocument  svgDom，      */
    var frameObj= document.getElementById('svgframe');
    if (frameObj.attachEvent) {
        frameObj.attachEvent('onload', function () {
            alert('iframe is loaded')
        })
    } else {
        frameObj.onload = function () {
            //    svgDom
            var iframeSvg = document.getElementById('svgframe').contentDocument;
            //       svgDom    ，        ，         
            //    SVG   id ZB_SXIc text  
            var txtObj = iframeSvg.getElementById("ZB_SXIc");
            txtObj.textContent = "test"
        }
    }

HTML 코드