목록전체 글 (220)
코딩하는 문과생
자바스크립트/ 12. onmouseover & onmouseout 이벤트
자바스크립트/ 12. onmouseover & onmouseout 마우스가 오버되거나 해당 태그를 벗어날 경우 발생하는 이벤트. 1234567891011121314151617181920 First Display.. function mOver(obj){ obj.innerHTML = "Thank U"; //div의 텍스트를 수정 } function mOut(obj){ obj.innerHTML = "Mouse Over Me." //div의 텍스트를 수정 } Colored by Color Scriptercs 첫화면오버했을때빨간색 구역 벗어났을 때
자바스크립트/ 11. 값 받기(forms[])
11. 값 받기(forms[]) form 태그 내의 input 태그를 배열의 형식으로 받는다. 1234567891011121314151617181920212223 First name: Last name: Try function myFunction(){ var x = document.getElementById("frm1"); //frm1에 해당하는 값들 배열형식으로 가져오기 var text=""; var i; for(i=0;i
자바스크립트/ 10. querySelectorAll
자바스크립트/ 10. querySelectorAll querySelectorAll은 들어오는 지정된 요소 값에 해당하는 값들을 변수 x에 할당한다. 1234567891011121314 Hello World! The DOM is very useful. This example demonstrates. var x = document.querySelectorAll("p.intro"); //p.intro에 해당하는 값을 x에 저장한다. document.getElementById("demo").innerHTML = x[0].innerHTML;Colored by Color Scriptercs
자바스크립트/ 09. location 객체와 history 객체
09. location 객체와 history 객체 -location 객체 href: 현재페이지의 href(URL)반환hostname: 웹호스트의 도메인 이름을 반환pathname: 현재 페이지의 경로와 파일 이름을 반환protocol: 사용된 웹 프로토콜을 반환 1234567891011 document.getElementById("demo").innerHTML = "page location is: " + window.location.href + " " + "page hostname is: " + window.location.hostname + " " + "page path is: " + window.location.pathname + " " + "page protocol is: " + window.loc..