DOM Element에 css를 적용하는 방법은 아래와 같다. element.className = "my-class" is permitted for "class" attributes by DOM level 0; element.setAttribute("className", "my-class") is permitted for all attributes by DOM level 1; element.style.color = "#aa0000" is permitted only under DOM level 2. *참고: DOM Level이란? 1) DOM 스펙은 W3C에서 Level 단위로 만들어지고 있는데, 처음에 만든 권고안 DOM Level 1 이었고, 현재는 DOM Level 3 권고안까지 만들어진 상태이다. ..
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"; ..
예전 메모인데,.. 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"); 를 사용하여 불러오면 제대로 불려지지 않는다. 이를 아래와 같이 수정..
알 수 없는 런타임 오류가 발생할 수 있는 가능성은 무지하게 많지만, IE에서는 발생하고 FireFox에서는 발생하지 않는다면 읽기전용 속성 태그에 ID를 부여하고 innerHTML을 사용했을 가능성이 있다. ** IE에서 COL COLGROUP FRAMESET HTML STYLE TABLE TBODY TFOOT THEAD TITLE TR 개체에서는 읽기 전용이고 그 외의 개체에서는 모두 읽기/쓰기이다. 디폴트값은 없다. =========================================================================== tbody에 tree구조로 row를 추가하는 게 귀찮아서 innerHTML을 사용하려고 했더니 발생한 에러 아무래도 row를 추가해줘야겠다.
폼 전송 시 패러미터 체크 간단 js submit 전에 setParamLog를 호출한다- /** * 전달되는 parameter 확인 * @param formname f */ function getParamLog(f) { var el = f.elements; var params = "[" + f.name + "]\n\n"; for (i = 0; i < el.length; i++) { params += el[i].name + ": " + el[i].value + "\n"; } alert(params); }