개발자 최솔이

children : 자식정보확인 childnode : white space포함 정보 확인 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 Document window.onload=function(){ let lst=document.getElementsByClassName('menu'); let chlst=lst[0].children; console.log(chlst); //li,li,li,li 출력 console.log(chlst.length); let chlst2=lst[0].childNodes; console.log(chlst2); //text, li, te..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 window.onload=function(){ document.getElementById('btn').addEventListener('click', function(){ let d1=document.getElementById('item1'); let d2=d1.nextElementSibling; //다음값 console.log(d1); console.log(d2); let d3=d2.previousElementSibling; //이전값 console.log(d3); let d4=d2.nextElementSibling; console.log(d4); }); }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 Document window.onload=function(){ document.getElementById('allche').addEventListener('click', function(){ let ck = document.getElementsByName('ck1'); if(this.checked==true){ console.log('t1'); for(let i=0;i

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 Document window.onload=function(){ document.getElementById('sel').onchange=function(){ //console.log('test') // 옵션 변경할때마다 콘솔에test출력 let d = this.selectedIndex; // console.log(d); //선택하는것에 따라 0,1,2 출력 let d2 = document.getElementsByTagName('option'); /*console.log(d2[this.selectedIndex]);*/ //아래와 같음. c..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 Document ul li{ list-style: none; display: inline-block; } li a{ display: inline-block; padding: 5px 20px; border: 1px solid silver; color:darkblue; text-decoration: none; /*링크 밑줄없애기*/ } 메뉴1 메뉴2 메뉴3 메뉴4 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 window.onload=function(){ let elea = document.getElementsByTagName('a..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 //createElement : 태그 이름 //createTextNode : 태그 내용 입력.... 태그 속성..?정확한 명칭은 모르게음..ㅠ //setAttribute : 태그 내부에 입력 window.onload=function(){ let h=document.createElement('h1'); let txt=document.createTextNode('hello'); h.appendChild(txt); //태그에 hello 입력 let h2=document.createElement('h2'); let txt2=document.createTextNode('hello2..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 //스크립트 window.onload=function(){ var d1=document.getElementsByTagName('a'); //d1은 태그 'a'를 가리킴 for(let i =0;i

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 //head- script - window.onload=function 내부 let e1=document.getElementById("t1"); let e2=document.getElementsByClassName("a"); let e3=document.getElementsByTagName("div"); /* id로 읽어오는것은 1개씩.. className, TagName으로 가져오는것은 '배열' */ //body hello hello2 hello3 //get element로 window.onload=function(){ document.getElementById("a1").style.back..

1 2 3 4 5 6 7 8 9 10 11 12 function n(){ let now=new Date(); let y=now.getFullYear(); let mo=now.getMonth()+1; let d=now.getDate(); let h=now.getHours(); let m=now.getMinutes(); let s=now.getSeconds(); document.getElementById('result').innerHTML=y+"."+mo+"."+d+" "+h+":"+m+":"+s; }

eval parseInt 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 let a='10'; let b=10; console.log(a+b); //eval이벨 parseInt console.log(eval('10')); // console.log(eval('abc')); //is not defined 에러 console.log(parseInt('10')); console.log(parseInt('abc')); //NaN console.log(isNaN('abc')); //true console.log(isNaN('10')); //false console.log(isNaN(10)); //false //NaN : not a Number 1 2 3 4 5 6 7 console.log(eval..