javascript动态插入DOM节点详细过程如何

Question

• 小伙伴为了性能，把创建DOM过程存放在内存中，大致如下

• 
  

• 业务环境是左右iFrame结构

• 
  

    // 左边iFrame代码，一个列表

    <ul>

        <li>我是主角，点我右边跳到页B<b>点我new A()</b></li>

        <li>我是配角，点我右边跳刀页C</li>

    </ul>

    // 右边iFrame加载对应URL

• 操作流程是

• 先点击主角，右边加载B，然后点击new A()，生成的DOM对象事件有效，弹出123

• 接着点击配角，右边加载C，然后点击new A()，同样生成DOM，但是点击事件无效

• 最后点击主角，右边加载B，然后点击new A()，生成DOM，但是点击事件无效

• 是DOM引用的问题吗？右侧iFrame刷新后this.dom是不是废弃了？