innerHTML 한 후에 내용에 createElement 로 script 객체를 추가 문제 발생.

[zizewear]

안녕하세요. 질문을 드리고 싶은게 있어서 글을 올립니다.

innerHTML 한 후에 내용에 createElement 로 script 객체를 추가하고 appendChild 로 적용을 했습니다만,

계속 Node was not found" code: "8 이런 메시지가 나오네요...ㅠ-ㅠ

어떻게 해야 할까요.=_=;;

해당 script 입니다.
--------------------------------------------------------------------------------------------------------------------

코드: 모두 선택

... 중략.
var output = document.getElementById("out");  // 출력부분
outhtml = '<div>';
outhtml += '</div>';

output.innerHTML = outhtml;	// 출력부분에 결과리스트를 표시

//----- Editor 표시 s. -----//
var newEditorJava = null;
newEditorJava = document.createElement("script");
newEditorJava.setAttribute("id", "HABYEditor")
newEditorJava.setAttribute("src", "/Script_Editor/habyeditor.js")
newEditorJava.setAttribute("language", "javascript")

var bodyEl = document.getElementsByTagName("body")[0];
var outEl = document.getElementById("out");
outEl.appendChild(newEditorJava);
bodyEl.insertBefore(newEditorJava, outEl); // [b]<- error 가 나는 부분.[/b]

[zizewear]

PHP SCHOOL 에서 logos 님께서 올려주신 답 입니다.

혹시 저같은 문제를 겪고 있으신 분들을 위해 올립니다.

DOM 으로 생성한 엘리먼트에 대한 접근과
innerHTML 로 생성한 엘리먼트에 대한 접근이
JS 로 된다 하여..
DOM 으로 생성한 자식노드에 추가적으로 innerHTML 을 추가할수 있는것이 아닙니다.
물론 그 반대도 마찬가지 입니다.

로직 변경이 필요한 대목입니다.