less than 1 minute read

  1. this.shadowWebCanvas.wcNode.innerHTML =>“<canvas height=”300” class=”WC WC-shadow” data-wc-label=”shadow”></canvas>”
  2. this.node.innerHTML.innerHTML = “”; =>“<div class=”WC-node” style=”z-index: 0; opacity: 1;”><canvas height=”300” class=”WC” data-wcb-active=”1” data-wc-label=”Layer1” data-wcb-index=”0”></canvas><div class=”WC-node WC-node-shadow” style=”opacity: 1;”><canvas height=”300” class=”WC WC-shadow” data-wc-label=”shadow”></canvas></div></div>”
  3. this.node.innerHTML = “”;
  4. this.shadowWebCanvas.wcNode.innerHTML =>””

this.node 이 속을 지우는데 왜… this.shadowWebCanvas.wcNode 이 속이 사라지는지 모르겠다.

chrome등에서는 전혀 문제가 없음.

요약

외각에 있는 div를 innerHTML =”” 함 문제는 그 속에 있는 div들도 innerHTML =”“이 되어버림. 해결은  innerHTML =”“ 를 사용안했음.

비슷한 동작이 두번되야 발생되었음. IE11의 엣지모드에서 발생. chrome등에서는 아무런 문제가 없었음.


🔗original-link

Updated: