바닐라 JS로 크롬 앱 만들기 (2022/01/05) by 노마드 코더 (3)

2022. 1. 5. 03:31·Study/JS

본격적으로 html과 js 간의 소통을 공부한다

 

console로 html의 title을 변경할 수 있고 미리 작성되어 있는 Object를 이용할 수 있다

document.title = "hi"

js에 코드가 나중에 실행되는 것을 볼 수 있다

 

html 페이지를 실행하면 html의 타이틀이 먼저 뜨고 js가 실행되므로 변경된 title로 뜬다

 

 

JS로 html의 구성요소 찾기

 

document.getElementById("title")

if 찾으려는 태그의 id가 title이라면 string 형식으로 찾을 수 있음

 

 

 

Js에서는 html 자체를 가져오는게 아니고 object 형식으로 가져옴

 

 

 

 

 

 

 

 

 

 

'Study > JS' 카테고리의 다른 글

바닐라 JS로 크롬 앱 만들기 (2022/01/08) by 노마드 코더 (5)  (0) 2022.01.08
바닐라 JS로 크롬 앱 만들기 (2022/01/06) by 노마드 코더 (4)  (0) 2022.01.06
바닐라 JS로 크롬 앱 만들기 (2022/01/03) by 노마드 코더 (2)  (0) 2022.01.03
바닐라 JS로 크롬 앱 만들기 (2022/01/02) by 노마드 코더  (0) 2022.01.02
'Study/JS' 카테고리의 다른 글
  • 바닐라 JS로 크롬 앱 만들기 (2022/01/08) by 노마드 코더 (5)
  • 바닐라 JS로 크롬 앱 만들기 (2022/01/06) by 노마드 코더 (4)
  • 바닐라 JS로 크롬 앱 만들기 (2022/01/03) by 노마드 코더 (2)
  • 바닐라 JS로 크롬 앱 만들기 (2022/01/02) by 노마드 코더
개발새발개발
개발새발개발
  • 개발새발개발
    끄저억끄저억
    개발새발개발
  • 전체
    오늘
    어제
    • 분류 전체보기 (57)
      • Study (45)
        • DB (9)
        • WEB (11)
        • Spring (14)
        • JS (5)
        • Python (2)
        • IntelliJ (4)
      • 이슈 해결 (2)
      • Challenge (4)
        • 구름톤 챌린지 (3)
        • 자격증 (0)
      • 우아한테크코스 (2)
      • Dev Camp 3기 (0)
      • 개발 Tip (3)
      • 일상 (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    db
    Redis
    Spring
    IntelliJ
    우테코
    우아한테크코스
    web
    jwt
    NULL
    싱글톤
    JPA
    til
    Java
    레디스
    김영한
    DBMS
    객체지향
    singleton
    스프링
    realforce r3
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
개발새발개발
바닐라 JS로 크롬 앱 만들기 (2022/01/05) by 노마드 코더 (3)
상단으로

티스토리툴바