코딩하는 마멋

HTML 문서 marmot HTML에 '' 를 넣어야 자바스크립트에서 HTML을 사용할 수 있다. 자바스크립트에서 HTML 불러오기 const title = document.getElementById("title"); // title = 불러온 HTML의 title이라는 id 값을 가진 요소 console.dir(title); // console.log도 같은 결과 /* h1#title */ title = HTML 문서의 title이라는 id 값을 가진 요소라고 선언 하는 것 console.dir을 활용하면 콘솔에서 title에 대한 여러 값들을 자세하게 볼 수 있음 자바스크립트에서 HTML 변경하기 const title = document.getElementById("title"); title.inne..

document.querySelector('a') : 제일 처음 나오는 a 태그 출력 document.querySelectorAll('a') : 문서에 존재하는 전체 a (노드 리스트) 출력 ➝ 배열은 아니지만 배열이라고 생각 alist[n]에 들어간 수의 순서에 맞는 a 태그 출력 반복문 while을 활용하여 a 태그를 모두 출력 활용 var alist = document.querySelectorAll('a'); var i = 0; while(i < alist.length) { alist[i].style.color = 'powderblue'; i = i + 1; } 위 코드를 클릭시 버튼의 이름과 배경, 글씨색이 바뀌는 if 조건문에 대입시 글씨색을 바꿀 수 있음 예시 결과 : (작동 x) 클릭시 da..

HTML(HyperText Mark-up Lauguage) : 관습적으로 적는 것, 웹 브라우저에게 선언된 페이지의 html 버전을 알려주는 선언문 : 모든 태그는 이 태그의 자손 태그 : 웹 브라우저에게는 나타나지 않는 곳, 메타데이터를 작성하는 곳. : 웹 브라우저에 나타나는 곳 * : 문서에서 사용하는 문자 집합에 대한 태그, utf-8은 웹 페이지에서 어떤 문자도 취급할 수 있다는 뜻 : 브라우저 상단의 페이지 탭에 표시되는 문서의 이름