使用js拼接标签在页面上展示不出效果

var zddie = document.getElementById('A0101').parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.previousSibling 
                    var pop ='<a-popover trigger="click">'+ 
                    '<template slot="content">'+
                    '<p style="color: #000;font-size: 13px;width: 300px">'
                    +222+
                    '</p>'+
                    '</template>'+
                    '<a-icon  type="question-circle" style="color:#DFDFDF;margin:0;margin-left: 10px;font-size:13px"/>'+
                    '</a-popover>'
                    zddie.insertAdjacentHTML('beforeend', pop)

![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/930950117146154.PNG "#left")

dom结构呢？而且怎么看代码有模板代码和自定义标签在里面？
如果是居于其他框架的，直接用dom api设置容器内容自定义标签和模板是不会解析的，如a-icon，a-popover这种标签和相关的事件无法绑定。要直接设置html标签代码

有其他问题可以继续交流~

zddie.insertAdjacentHTML('beforeend', pop)
改为
zddie.innerHTML=pop

试试打印一下zddie看看是什么，是不是因为这里获取的时候有问题