mobssie

  • 홈
  • 태그
  • 방명록

vanilla javascript 2

스타일 내기위한 자바스크립트

화면을 구성할때 스타일 내기위해 자주사용하는 자바스크립트를 정리해보려고 한다. 1. 부모의 자식요소 갯수를 구해 스타일로 분기처리 할때 - 부모에 아이디값을 셀렉 후 자식요소의 length를 구한다. - classList를 사용해 부모에 클라스를 추가해 스타일을 조건에 따라 활성화한다. var listOrder = document.getElementById('listOrder'); var nodelist = listOrder.getElementsByTagName('li').length; if(nodelist < 16){ listOrder.classList.add('few') } else{ listOrder.classList.add('many') } 2. 스크롤 헤더 sticky 효과 - 부모에 아이디값을..

Frontend/Javascript 2021.02.28

vanilla javascript 이미지 찾아서 바꾸기

[vanilla javascript] 기초이미지 찾아서 경로 바꾸기 if (document.getElementById('imgThumb').getAttribute('src') == "pictures/imgThumb.png") 배열에 SRC 값을 추출 해서 넣기 var imgFind = function(){ var imgs = document.getElementsByTagName("img"); var imgSrcs = []; for (var i = 0; i

Frontend/Javascript 2018.12.11
이전
1
다음
더보기
프로필사진

mobssie

frontend developer 기본기 탄탄! 메모 끄적끄적:d

  • 분류 전체보기 (84)
    • Frontend (44)
      • Javascript (26)
      • Typescript (4)
      • React, Next (0)
      • Vue, Nuxt (8)
      • Angular (0)
      • Node.js (5)
      • react native (1)
    • error 처리 (6)
    • 알고리즘, 자료구조 (6)
    • Dev Tool (3)
    • git (6)
    • API (3)
    • HTTP (4)
    • CSS (2)
    • firebase (2)
    • 나만보는 업무정리 (3)

Tag

vanilla javascript, 자바스크립트 아코디언, 카카오톡 공유하기, javvascript accordion, UNMET PEER DEPENDENCY 에러시, JavaScript, safe-area-inset-top, JS, viewport-fit=cover, script, iphoneX대응하기, 바닐라자바스크립트, 소스트리 충돌해결, 모바일 웹에서 카카오톡에 공유하기, #Array.prototype.slice.call, sourcetree rebase, safe-area-inset, 소스트리 재배치, iphoneXcss, vanillajavascript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • git commit message

티스토리툴바