zoaseo
To Infinity And Beyond
zoaseo
전체 방문자
오늘
어제
  • 분류 전체보기 (763)
    • 개발이 좋아서 (381)
      • SAP가 좋아서 (3)
      • Java가 좋아서 (42)
      • Spring이 좋아서 (50)
      • JPA가 좋아서 (0)
      • QueryDSL이 좋아서 (26)
      • Docker가 좋아서 (7)
      • Redis가 좋아서 (7)
      • AWS가 좋아서 (5)
      • CI/CD가 좋아서 (6)
      • Troubleshooting이 좋아서 (4)
      • Kotlin이 좋아서 (7)
      • SQL이 좋아서 (6)
      • HTTP가 좋아서 (21)
      • JavaScript가 좋아서 (30)
      • TypeScript가 좋아서 (6)
      • Vue가 좋아서 (21)
      • Flutter가 좋아서 (61)
      • React가 좋아서 (20)
      • Redux(React)가 좋아서 (2)
      • Angular가 좋아서 (22)
      • HTML이 좋아서 (9)
      • CSS가 좋아서 (15)
      • PHP가 좋아서 (9)
      • Illustrator가 좋아서 (2)
    • 노력이 좋아서 (169)
    • 결과물이 좋아서 (14)
    • 코딩연습이 좋아서 (168)
      • 이론이 좋아서 (62)
      • SQL이 좋아서 (90)
    • 유용한 사이트가 좋아서 (28)
    • Github (2)

인기 글

티스토리

hELLO · Designed By 정상우.
zoaseo

To Infinity And Beyond

개발이 좋아서/JavaScript가 좋아서

javascript - 출력

2022. 4. 26. 10:52

javascript 출력
1.경고창에 출력 alert('내용');
2.콘솔창에 출력 console.log('내용');
3.html body에 출력 document.write('내용');
4.DOM요소 안에 출력 innerHTML = '내용';

DOM요소 선택
1.단수선택
document.getElementById('id이름');
document.querySelector('css선택자');
2.복수선택
document.getElementsByClassName('class이름'); - html컬렉션
document.getElementsByClassName('class이름')[0];
document.getElementsByTagName('tag이름'); - html컬렉션
document.querySelectorAll('css선택자'); - 노드리스트

innerHTML
1.값을 반환 innerHTML;
2.값을 변경 innerHTML = '변경내용';

src <img src="images/img.jpg" alt="이미지">
1.src값을 반환 src;
2.src값을 변경 src = '변경내용';

onclick 클릭이벤트

'개발이 좋아서 > JavaScript가 좋아서' 카테고리의 다른 글

js - while문  (0) 2022.04.29
js - 조건문(switch, 삼단 조건식)  (0) 2022.04.28
js - 조건문, 이벤트  (0) 2022.04.27
js - 함수선언  (0) 2022.04.26
javascript - 변수선언  (0) 2022.04.26

    티스토리툴바