자바스크립트 document 질문 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

자바스크립트 document 질문 정보

자바스크립트 document 질문

본문

<BODY>
  <img src=f1.png onclick=aa()>
    <script language=javascript>
  function aa(){
document.write("<textarea></textarea>")
  }
  </script>
 </BODY>

가 있는데요

저거의 의도는요

f1이라는 이미지를 클릭하면 이미지도 그대로 보존하고

textarea도 뜨게하고싶은데

이미지는 증발하고 텍스트에어리어만 뜨네에ㅛ

어케하면 이미지도 같이 보존하죠?

 <BODY>
  <img src=f1.png onclick=aa()>
    <script language=javascript>
  function aa(){
document.write("<img src=f1.png>")
document.write("<textarea></textarea>")
  }
  </script>
 </BODY>

처럼하지 마세요;;

저건 그냥 테스트용이고

더 큰 사이트에 이용할꺼라서요ㅎ

클릭시 밑에 위에페이지도 보존하면서 document.의 내용도 뜨게하는법~
  • 복사

댓글 전체

<BODY>
  <img src=f1.png onclick=aa() id="src_img">
    <script language=javascript>
    var is_append = false;
  function aa(){
if(is_append==false){
document.getElementById("src_img").parentNode.insertBefore(document.createElement("textarea"), document.getElementById("src_img").nextSibling);
is_append= true;
}
  }
  </script>
 </BODY>
var obj = document.createElement("textarea");
obj.style.height='30px';
obj.style.width = '20px';

하시던가

obj.className="classname";

이렇게 하셔서 따로 스타일을 지정하셔도 됩니다.
© SIRSOFT
현재 페이지 제일 처음으로