JavaScript (63) 썸네일형 리스트형 jQuery 선택자, 이전/다음 이전 요소 하나만 선택 $('h1').prev() 다음 요소 하나만 선택 $('h1').next() 이전 모든 요소를 선택 $('h1').prevAll() 다음 모든 요소를 선택 $('h1').nextAll() 요소사이의 모든 요소 선택 요소 바로 이전 요소부터 요소가 나타날 때까지의 모든 요소를 선택 $('h1').prevUtil('h2') 요소사이의 모든 요소 선택 요소 바로 다음의 요소부터 요소가 나타날 때까지의 모든 요소를 선택 $('h1').nextUntil('h2') jQuery 선택자, 부모 자식 parent, children 직계 부모 $('h1').parent() 모든 조상 $('h1').parents() 직계자식 span $(h1>span) $('h1').children() 전체 자식 span, 전체자식 $(h1 span) jQuery 선택자, $() 선택자, 다수 선택가능 id, class값으로 선택 및 태그를 추가해 조건을 추가할 수 있다. $('h1') $('h1, h2, h3') $('h1#id') $('#id') $('h1.class') $('.class') 자바스크립트에서 ${contextPath} 변수로 사용하기 원하는 변수값안에 아래의 함수를 적는다, 함수가 contextPath를 반환해준다. var = getContextPath() function getContextPath() { var hostIndex = location.href.indexOf( location.host ) + location.host.length; return location.href.substring( hostIndex, location.href.indexOf('/', hostIndex + 1) ); }; ajax에서 에러 처리 + 아무런 에러가 뜨지않음 ajax로 보낼 data 변수명이 맞는지, 오타는 없는지 확인해보자. ajax는 친절하게 알려주지않는다. contextPath 변수를 사용하여 action한다면 해당 변수가 설정되었는지도확인해보자. selectBox.nextSibling 오류 nextElementSibling var input = selectBox.nextSibling input.setAttribute("value", value); 위의 코드로 selectbox의 값을 input에 넣는데 작동이 되지않았다. nextElementSibling로 바꿔보자. var input = selectBox.nextElementSibling input.setAttribute("value", value); 이유는 무엇일까? nextSibling은 현재 요소의 다음 형제 노드를 반환한다. 이 속성은 텍스트 노드, 주석 노드 등 모든 노드 유형에 대해 작동한다. 무엇이라도 하나가 더 있다면 원하는 요소를 잡기 어려울 수 있다는 말이다. 반면에, nextElementSibling은 현재 요소의 다음 형제 요소를 반환한다. 이 속성은.. 자바스크립트 Node 선택자 예약어 정리, 자식/type/name/value childNodes 현재 노드의 모든 자식 노드 목록을 선택 var div = document.querySelector("div"); var childNodes = div.childNodes; hasChildNodes 현재 노드에 자식 노드가 있는지 확인 var div = document.querySelector("div"); var hasChildNodes = div.hasChildNodes(); nodeType 현재 노드의 유형을 반환 var p = document.querySelector("p"); var nodeType = p.nodeType; nodeName 현재 노드의 이름을 반환 var p = document.querySelector("p"); var nodeName = p.nodeName;.. ul 태그에 innerHTML 안됨, 쉬운해결법 main.do:56 Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') console에도 잘 뜨고 div에는 innerHTML되지만 리스트 ul안에 innerHTML안되는 현상이 생겼다. div에 innerHTML이 된다면, 발상의 전환으로 ul에 div를 넣어 쉽게 해결했다. 추후 더 찾아보니 태그는 innerHTML 프로퍼티를 사용하여 내부 HTML 코드를 설정하는 것은 지원되지 않는다고 하는데.. 요소의 내용을 변경하려면 태그를 추가하거나 제거해야 한다고 한다. 이를 통해 목록 아이템을 동적으로 추가하거나 삭제할 수 있다. var myList = document.getElementById("myList"); var newI.. 이전 1 ··· 4 5 6 7 8 다음
