# querySelector

58개의 포스트
post-thumbnail

[JavaScript] 자바스크립트 prompt, querySelector, parseInt

✅ 자바스크립트 문자열 출력하는 방법큰 따옴표, 작은 따옴표 모두 OK백틱도 가능하다. (줄 띄움 하는경우 그대로 반영한다.)✅ parseInt : 문자열을 숫자(정수)로 바꿔주는 함수 parse 란, 자른다 라는 의미를 가지고 있다.✅ 사용자로부터 프로픔터를 띄워 입

2023년 5월 17일
·
0개의 댓글
·
post-thumbnail

DOM (Document Object Model)

button Properties - 속성 묘사하는것 Methods - 개체가 할수있는것 Properties inner HTML style firstchild Methods click() appendChild() setAttribute()x > ## 자동차 🚗 Properies colour Number of seats Number of Doors M...

2023년 4월 27일
·
0개의 댓글
·
post-thumbnail

다크모드/라이트 모드 만들기

이렇게 html로 뼈대를 만들어준다.저 fieldwrap은 자유롭게 구성하면 된다.이제 우리는 저 id를 btn이라고 설정해준 값을 클릭하면 배경은 dark 글씨는 light 모드로 바꿔줄 것이다.그렇게 하려면 일단 css에서 저 btn을 눌렀을 때인 .dark 라는

2023년 4월 17일
·
0개의 댓글
·

(작성중) [JavaScript] 헷갈리는 DOM 객체 이해하기 : 생활코딩 예제

Javascript 입문식을 거하게 치르도록 해준 개념이 있었으니.. 그것은 바로 DOM 객체를 이해하는 것! 아래의 예제에서 1)id="text"인 태그에 style을 적용하고 2) 3개의 li태그에 style을 한번에 적용해보자. 다음과 같이 코딩한다면 trial

2023년 4월 11일
·
0개의 댓글
·
post-thumbnail

HTML과 Javascript의 상호작용

document Javascript에서 html을 표현하는 object를 가져옴 document에서 항목들을 가지고 오는 것 document 항목들을 변경 document.getElementById("") string을 전달받음, HTML에서 id를 통해 element

2023년 3월 30일
·
0개의 댓글
·

DOM_노드 선택

DOM(Document Object Model)이란 문서 객체 모델이란 뜻으로,원본 HTML 문서에 접근하기 위한 일종의 인터페이스를 말한다.

2023년 3월 11일
·
0개의 댓글
·

[Javascript] querySelector와 선택자

업무중 중간중간 더 자세히 공부해야지 하고 메모해두고 틈틈이 찾아봤던 지식들 묶어서 정리해보기어쩌다 보게됐는지 기억이 흐릿하지만, 아무튼 querySelector를 보고 좀 더 자세히 알고 싶어서 검색하다보니 querySelector/quertSelectorAll 두가

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

바닐라 JS DAY-4

javascript는 HTML에 접근하고 읽을 수 있게 설정되어있다.읽어올 뿐만 아니라 HTML을 변경할 수도 있다.document가 시작점 document : body, head, title,,getElementById("id") : id 요소를 가져옴innerTex

2023년 2월 23일
·
0개의 댓글
·

element 접근 방법

✍️ DOM 접근의 기본에 대해 정리해 보았다. 항상 쓰던 것만 썼어서, 정리하면서 처음 보는 것도 있었다. (살짝 반성한다.🙇) 기초를 차근차근 다진다는 마음으로 정리해 보았다.

2023년 2월 19일
·
0개의 댓글
·

프론트엔드 복습 정리 19 : DOM

document object model문서 객체 모델dom은 웹페이지를 구성하는 자바스크립트 객체들의 집합.dom은 자바스크립트를 통해 웹 페이지의 콘텐츠로 접근하는 창이자 통로이다.HTML과 Javascript를 같이 쓸수 있다.웹페이지의 콘텐츠들을 자바스크립트를 통

2023년 1월 11일
·
0개의 댓글
·

[TIL_11] html에서 element불러오기 그리고 eventListener

javascript는 html에 접근하고 읽을 수 있고 변경 할 수도 있다. element를 css방식으로 검색 할 수 있다. →id의 경우 ' # ', classname의 경우 ' . ' 필요하다. 제일 첫번째의 element 하나만 반환한다. 모든 element

2022년 10월 13일
·
0개의 댓글
·

JavaScript :: 요소 가져오기

학원에서 공부한 내용을 다시 한 번 정리해봤습니다. 요소 가져오기

2022년 10월 9일
·
0개의 댓글
·
post-thumbnail

# Javascript on the browser

1. The Document Object document : 브라우저에 이미 존재하는 object >콘솔창에 입력하면 Html 문서 보여줌 💡 console.dir(document)-> JS 관점에서 HTML 문서를 볼 수 있음. >### ⭐️ Javascript에

2022년 10월 9일
·
0개의 댓글
·
post-thumbnail

[220923] 오늘의 배움(TIL) - JavaScript

✍ 22년 9월 23일 공부한 내용 정리

2022년 9월 26일
·
0개의 댓글
·
post-thumbnail

[220922] 오늘의 배움(TIL) - JavaScript

✍ 22년 9월 22일 공부한 내용 정리

2022년 9월 25일
·
0개의 댓글
·
post-thumbnail

[Html, JavaScript]자바스크립트에서 Html에 접근하기

이번엔 자바스크립트에서 어떻게 html요소를 불러오고 어떻게 조작하는지 복습해보자..h1태그에 id와 내용을 추가해서 하나 만들었고 결과물은 다음과 같다.이걸 자바스크립트에서 조작을 해보는 과정을 복습해 보자.일단 변수에 저장을 해서 가져와야한다. 변수를 선언하고 거기

2022년 9월 22일
·
0개의 댓글
·

CRUD

CreateAppend (DOM에는 HTML에 적용하는 메소드가 추가로 있다.)ReadUpdateDelete: DOM을 JavaScript로 조작하여 HTML Element를 만드는 것document 객체의 createElement(tagName) 메소드를 이용하여 H

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

[JS] DOM 개념과 조작방법 (HTMLCollection과 NodeList 차이점까지)

DOM 개념과 JS에서 HTML태그를 동적으로 추가, 삭제하는 방법, HTMLCollection과 NodeList 차이점까지 정리

2022년 8월 22일
·
0개의 댓글
·