javascript&html

자식창에서 부모창으로 태그 전달 [outerHTML]

수수깡깡 2022. 6. 21. 09:04
728x90
반응형

자식창에서 생성한 태그 그대로 부모창에 전달 시 IE에선 outerHTML로 해결이 가능했으나,

Chrome에선 태그 형태만 전달이 된다. 

 

아래와 같이 자식창에서 부모창으로 보낼 경우, IE에선 태그와 함께 input 에 존재하는 value 값 까지 전달이 됐다.

하지만, Chrorme에선 input 태그만 전달되어 부모창에 생성되고 자식창에서 입력한 tx_c의 값은 전달이 되지 않는다.

Chrome에선 자식창에 최초 생성된 HTML 화면을 부모창에 전달하는것 같다. 

 

그래서 태그 따로 값 따로 입력을 해줘야 하는 수고스러움으로 대신하고 있다. 

방법을 찾기 전까진 아마도 계속 이런 방식으로 처리를 해야 할 것 같다. 

 

* 예전 Chrome에선 outerHTML이 되지 않았으나 이제는 작동 한다. 

$("idC").clone().wrapAll("<div/>").parent().html();
document.getElementById("idC").outerHTML;

 

<javascript>
opener.document.getElementById("idP").innerHTML = document.getElementById("idC").outerHTML;

// chrome에선 값이 전달이 되지 않아서 다시 값을 전달해 준다.
opener.document.getElementById("tx_C").value = document.getElementById("tx_C").value;
</javascript>

<body>
    <div id="idC">
    	<input type="text" id="tx_C">
    </div>
</body>

 

 

 

728x90
반응형