본문 바로가기

DOM select와 option element 생성하기 1월에 작성했던 메모.... === Cross-Browser 문제를 절실히 실감하고 있당;; Firefox에선 제대로 돌아가는 것이 Explorer에선 잘 되지 않는다. 코드는 아래와 같다. function addOpt() { var sel = document.getElementById("sel"); //select box var opt = document.createElement("input"); opt.text = "optText"; opt.value = "optValue"; sel.appendChild(opt); } Firefox에선 잘 돌아가지만 익스플로러에선 opt.text가 적용되지 않는다. 이를 해결하기 위해선,.. 1) innerHTML을 사용한다. opt.text = "optText"; .. 더보기
DOM 트리 구조 자식 제거 /** * 목록 초기화 */ function clearTbody(tbody) { while (tbody.hasChildNodes()) { tbody.removeChild(tbody.lastChild); } } DOM 트리 구조의 자식 노드 제거 깔꼼한 코드. 자식 노드가 있는 지 체크하면서 마지막 자식 노드를 제거한다. 더보기
XMLHttpRequest를 사용하여 responseXML 사용 시 주의점 예전 메모인데,.. xml 작성 규칙에 대한 얘기임. xml 작성 시 root node는 필수로 하나 있어야 함- ============= AJAX를 사용하여 서버에서 XML 형식으로 response를 작성하여 넘겼을 때, 응답으로부터 받아온 responseXML을 getElementsByTagName으로 파싱하여 사용하려고 했다. BUT, 전체를 감싸는 태그 없이 xml을 작성하였을 경우, tag 배열이 읽히지 않는 오류가 발생하였다.(IE 7) (예1) 01 ahn 02 hong (예1)과 같은 형태의 XML을 작성하여 서버에서 응답하였을 때, var users = xmlHttp.getElementsByTagName("user"); 를 사용하여 불러오면 제대로 불려지지 않는다. 이를 아래와 같이 수정.. 더보기