목록전체 글 (158)

김숭늉 마음대로

[자바스크립트] DOM으로 a 태그의 웹 주소 수정하기

DOM을 이용해서 a 태그의 웹 주소를 수정해보겠습니다. 먼저 아래 attributes 통해 속성을 파악합니다. 먼저 아래 getAttribute 통해 href를 조회합니다. 먼저 아래 setAttribute로 수정할 주소를 콤마 뒤에 입력합니다.
IT/JavaScript 2023. 8. 27. 19:34
[자바스크립트] DOM의 get 속성 // getElementById(), getElementByClassName(), getElementByTagName()

DOM의 get 속성(Property) 세가지에 대하여 알아보겠습니다. 첫번째로는 getElementById("idnames")는 뒤 괄호에 id 고유값을 입력하여 객체를 가지고(get) 옵니다. 두번째로는 getElementsByClassName("classnames")는 괄호 쌍따옴표 안에 class 네임을 입력하여 객체를 가지고 옵니다. 세번로는 getElementsByTagName("tagnames")는 괄호 쌍따옴표 안에 tag 네임을 입력하여 객체를 가지고 옵니다.
IT/JavaScript 2023. 8. 27. 18:24
[자바스크립트] DOM이란..? DOM의 속성과 DOM의 개체

DOM이란 ? DOM은 문서 객체 모델(The Document Object Model)의 줄임말로, HTML문서를 브라우저가 이해하게끔 만든 Tree 자료구조입니다. 즉 더 쉽게 말하면 HTML의 태그 하나하나를 모두 객체화 한것 입니다. DOM객체의 속성(Property) DOM 객체의 속성은 객체에 관한걸 묘사하는것입니다. 예를들어 자동차로 비유를 해서 설명 해본다면 DOM 객체의 속성은 자동차의 시트수, 문의 객수, 자동차의 색깔을 표현(묘사)에 관한 것입니다. 예) car.color = "red" 기본적인 프로퍼티로는 style, innerHTML, firstChildd와 같은 프로퍼티가 있습니다. 프로퍼티(property) DOM객체의 매서드(Method) DOM객체의 매서드의 경우는 객체가 무..
IT/JavaScript 2023. 8. 27. 17:19
[자바스크립트] HTML에 자바스크립트를 삽입할수 있는 세가지 방법

HTML에 자바스크립트를 삽입할수 있는 세가지 방법에 대해서 알아 보겠습니다. 먼저 첫번째방법은 "인라인(Inline) 자바스트립트"의 방식입니다. html 내부 에 onload 를 추가하여 자바스크립트를 실행시키는 방식입니다. 이 방식은 디버그가 어렵기 때문에 가능하면 사용하지 않습니다 :) My Website //////// 인라인으로 작성한 onload 를 통해 자바스크립트 실행합니다 실행을 시키면 아래와 같이 alert 가 생성됩니다! ✅ 참고 쌍따옴표가 아래와 같이 중복일 경우에는 쌍따옴표가 중복되지 않도록 하위는 작은 따옴표로 처리 해줍니다.
IT/JavaScript 2023. 8. 24. 21:40
이전 Prev 1 ··· 7 8 9 10 11 12 13 ··· 40 Next 다음