(2023/07/18) 공부 일지!

seumomo_TAEILKIM·2023년 7월 18일
0

공부일지

목록 보기
63/87
post-custom-banner

git

git reset --hard로 지워진 커밋 복구하기
=> git reflogid를 확인하고, git reset --hard id로 복구한다.


JavaScript

DOM

노드 콘텐츠 읽기 / 쓰기

  • .hidden
    => display: none과 동일하게 작동한다.
    => HTMLinline 방식으로 CSS를 설정하면 무시된다.

속성과 프로퍼티

HTML에 작성된 표준 속성DOM에서 사용할 수 있는 프로퍼티가된다.

프로퍼티 검토

  • .hasAttribute()
    => 인수의 속성이 존재하는지를 확인한다.
  • .getAttribute()
    => 인수의 속성값을 가져온다.
  • .setAttribute(속성, 값)
    => 인수의 속성과 값을 설정해준다.
  • .removeAttribute()
    => 인수의 속성을 삭제한다.
  • .attributes
    => 인수가 가지는 속성들을 열거 가능한 객체로 반환한다.

비표준 속성, 프로퍼티 설정

  • 비표준 속성을 data-속성으로 수정하면 표준 속성이 된다.
    => 프로퍼티로 사용할 때는 .dataset으로 사용한다.
    => .dataset.속성은 값을 반환한다.
    => .dataset.속성 = '값'은 속성의 값을 수정한다.

Manipulation

  • .insertAdjacentHTML(위치, 값)
    => HTML의 요소의 위치에 값을 추가한다.

Style

  • .classList.(add | remove | toggle)(name)
    => nameclassadd | remove | toggle한다.
  • .classList.contains(name)
    => 요소에 nameclass가 있는지를 확인한다.
  • .style.property = value
    => 요소의 propertyvalue로 설정한다.
  • getComputedStyle(요소).property
    => 요소의 propertyvalue를 반환한다.
profile
어제의 나보다 1% 발전하기💪
post-custom-banner

1개의 댓글

comment-user-thumbnail
2023년 7월 18일

소중한 정보 감사드립니다!

답글 달기