类型'HTMLElement'上不存在属性'contentDocument'

Question

I am loading an svg file using Object element and from ts file am trying to read and modify svg(like coloring dynamicaly and creating some svg elements and appending to the existing svg), but am stuck with the below error: Property 'contentDocument' does not exist on type 'HTMLElement'

am using Angular 7

in app.component.html

 <object id="svg1" data="assets/10026_019.svg" type="image/svg+xml" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"></object>

in app.component.ts

let obj=document.getElementById('svg1');
    let svg2=obj.contentDocument.querySelector("svg");
 let pt = svg2.createSVGPoint();

actually it is showing error(red line) at "contentDocument", but when I run the application it is working fine, even though error is there. But When I do ng build it is giving problem.

not sure how I can get this error corrected for to build successfully

Answer 1

I got it resolved myself by updating the as below. I have mentioned object type as "any" explicitly.

let obj: any =document.getElementById('svg1');
    let svg2: any =obj.contentDocument.querySelector("svg");
 let pt = svg2.createSVGPoint();