Devjo의 코딩

DOM은 웹페이지에 나타난 html 문서 전체를 → 객체로 표현한다 HTML 문서가 만들어지면 객체들의 정보가 DOM객체에 입력된다(태그→요소노드,텍스트노드) HTML 태그 속성(property)들은 대부분 DOM객체의 요소노드의 속성이 되지만 HTML 표준이 아닌(ex: href) 속성은 요소노드의 속성이 되지 않는다 //link 라는 href링크를 가진 id가 존재한다 console.log(link); //출력된다 console.log(link.href); //undefined가 출력된다. //href는 HTML의 표준 속성이 아니기 때문이다 HTML표준이 아닌 속성의 접근 / 추가 / 삭제 하는 메소드명에는 Attribute 단어가 공통으로 들어간다 자바스크립트 → HTML 속성 접근하기 eleme..

요소노드 DOM을 노드로 이루어져 있으며 요소노드는 뼈대를 이룬다 요소노드들을 다루는 속성들을 익힌다면 자바스크립트에서 HTML 요소를 변경할 수 있다 Ragdoll British Shorthair Scottish Fold Bengal Siamese Maine Coon American Shorthair Russian Blue //먼저 연결을 하고 const myPro = document.querySelector('#list-1'); //list-1은 태그이다 //속성들을 적용해본다 console.log(myPro.innerHTML); // #list-1의 내부 요소들을 보여준다 console.log(myPro.outerHTML); // #list-1를 포함한 내부 요소들을 보여준다 console.log(..