IT Study 썸네일형 리스트형 [JavaScript] DOM - Node 예제 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263Insert title here AudiBMWSaabVolvo 버튼 function myfunc() { var c = document.getElementById("mySel").childNodes; document.getElementById("demo").innerHTML = c[1].text;} 여기가 태그 커피 홍차 pNode 버튼 function pNode() { var nName = document.getElementById("myli").parentNode.nodeName; alert("n.. 더보기 [JavaScript] DOM 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 Insert title here DOM Lesson one p tag Hello World myfunc function myfunc() { var mytext = document.getElementById("intro").childNodes[0].nodeValue;// alert(mytext); var divtext = document.getElementById(".. 더보기 [JavaScript] Node 응용 예제 2 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647Insert title hereth{ background-color: green; color: white;}포털 사이트 "열기"버튼을 클릭하면 해당 홈페이지를 새창에서 볼 수 있습니다. 네이버 http://www.naver.com/ 열기 다음 http://www.daum.net/ 열기 줌 http://zum.com/ 열기 function link(url) { var parent = url.parentNode.parentNode.childNodes; //alert(parent[3].innerHTML); //주소값 받아옴 window.open(parent[3.. 더보기 [JavaScript] Node 응용 예제 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253Insert title here 단가 x 수량 일람표 개수 제품 A 제품 B 제품 C var A = 300;var B = 450;var C = 520;var table1 = document.getElementById("table1");for(i = 1 ; i 더보기 [JavaScript] 기본 문법 - Node관련 예제 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899Insert title here 여기가 h1태그 여기가 p태그 버튼 function myfunc() { var mytext = document.getElementById("intro").childNodes[0].nodeValue; //childNodes가 없기때문에 intro자신을 가리킴 document.getElementById("demo").innerHTML = myt.. 더보기 [JavaScript] 기본 문법 - key이벤트, mouse이벤트, onBlur 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148Insert title here function checkCookies() { var text = "onload.. 더보기 [JavaScript] 응용 예제 - onmosueover, onmouseout 123456789101112131415161718192021222324252627282930313233343536Insert title here풍경사진※이미지 위로 마우스를 이동하면 그 이미지가 컬러로 표시됩니다. function over(id,img) { document.getElementById(id).src = img;}function out(id,img) { document.getElementById(id).src = img; }Colored by Color Scriptercs onmouseover - > 마우스가 위로 올라왔을 때 이벤트 발생onmouseout - > 마우스가 영역을 벗어났을 때 이벤트 발생 더보기 [JavaScript] 응용 예제 - Math.random 응용 12345678910111213141516171819202122232425262728Insert title here2개의 주사위버튼을 클릭하면 2개의 주사위가 랜덤됩니다.주사위를 굴린다. function rand() { sai1 = parseInt(Math.random() * 6)+1; sai2 = parseInt(Math.random() * 6)+1; document.getElementById("sai1").src = "sai_"+sai1+".gif"; document.getElementById("sai2").src = "sai_"+sai2+".gif";} Colored by Color Scriptercsrandom값에 따라 주사위 이미지가 랜덤으로 바뀜 더보기 [JavaScript] 응용 예제 - select 링크 12345678910111213141516171819202122232425Insert title here미술관 및 박물관의 링크 서울시립미술관 국립현대미술관 예술의전당 국립중앙박물관 서울역사박물관 국립민속박물관 function link() { var url = document.getElementById("select").value; location.href = url;}Colored by Color Scriptercsonclick --> Xselect에선 onchange를 사용 할 것 더보기 [JavaScript] 응용 예제 - string 123456789101112131415161718192021222324252627282930Insert title here(문제)영어 속담으로"1일 1개씩 먹으면 의사 필요없다"라고 하는 과일은 무엇일까요?□영어(소문자)로 답한다답:답을 체크 function check() { var value = document.getElementById("value").value; //자바 스크립트에선 equals 사용 ㄴㄴ if(value == "apple") alert("정답입니다."); else alert("틀렸습니다.");}Colored by Color Scriptercs 문자열 비교 시 equals를 안쓰고 등호기호( == ) 로 비교 더보기 이전 1 2 3 4 5 ··· 16 다음