-
자식창에서 부모창으로 태그 전달 [outerHTML]javascript&html 2022. 6. 21. 09:04728x90반응형
자식창에서 생성한 태그 그대로 부모창에 전달 시 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반응형'javascript&html' 카테고리의 다른 글
자바스크립트 천단위 콤마 입력/제거 (0) 2023.10.20 문자열 공백제거 (0) 2023.10.19 bootstrap datepicker (1) 2023.08.31 javascript 페이지 이동, 새로고침 (0) 2022.08.09 bootstrap tooltip (0) 2022.07.12