묻고답하기
파이어폭스에서 innerHTML 문제입니다..
2007.09.05 09:02
안녕하세요
제가 지금 필요에 의해서 스킨을 제작중인데 말입니다..
innerHTML에서 문제가 발생했습니다.
지금 작업중인게... 여분 필드 사용 안하고 직접적으로 추가해서 사용하게 하려는데..
innerHTML 로 Textarea를 추가합니다.
그리고 계속 추가 할수 있도록 만들었습니다.
익스플러에서는 아무런 문제가 없는데..
파이어 폭스에서는 추가되어 있는 글을 지우면서.. 추가가 되버리는군요..
자세히 말하자면..
add 버튼 눌러서 textarea 추가되면 거기에 내용 집어 넣고
다시 add 눌러서 계속 추가할수 있도록 하는 것입니다.
그런데.. 파이어폭스에서는 입력한 내용들이 싹 사라지는것이죠...
혹시 해결방법 아시는분 답변 부탁합니다.
제가 지금 필요에 의해서 스킨을 제작중인데 말입니다..
innerHTML에서 문제가 발생했습니다.
지금 작업중인게... 여분 필드 사용 안하고 직접적으로 추가해서 사용하게 하려는데..
innerHTML 로 Textarea를 추가합니다.
그리고 계속 추가 할수 있도록 만들었습니다.
익스플러에서는 아무런 문제가 없는데..
파이어 폭스에서는 추가되어 있는 글을 지우면서.. 추가가 되버리는군요..
자세히 말하자면..
add 버튼 눌러서 textarea 추가되면 거기에 내용 집어 넣고
다시 add 눌러서 계속 추가할수 있도록 하는 것입니다.
그런데.. 파이어폭스에서는 입력한 내용들이 싹 사라지는것이죠...
혹시 해결방법 아시는분 답변 부탁합니다.
<script>
function add() {
var text = document.getElementById("textarea")
text.innerHTML += "AAA"
}
</script>
<button onclick="add()">aaaa</button>
<textarea id="textarea"></textarea>
위 예제를 참고해 보세요. IE7, FF2에서 정상 작동 확인하였습니다.
대상을 지정할때에는 getElementById 함수.......
내용을 추가하려면 += 기호....