라몽(●'◡'●)디자이너
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
Home
  • 분류 전체보기 (61)
    • 디자인 (1)
      • 실무 (0)
      • 공부 (0)
    • UIUX분석 (0)
    • 코딩스터디 (60)
      • Markup (0)
      • CSS (12)
      • Javascript (28)
      • jQuery (11)
      • .etc (7)
      • wordpress (2)
      • PHP (0)
블로그 내 검색

라몽(●'◡'●)디자이너

코딩/웹디자인에 대한 정보를 다룹니다.

  • 코딩스터디/Javascript

    DOM, 요소의 태그 속성 접근하기(getAttribute 등)

    2021. 5. 20.

    by. 라몽(●'◡'●)디자이너

     

     

    1. HTML 태그 속성을 가져오거나 수정하는 함수

    1) getAttribute()

    : 해당 요소의 속성값을 반환하는 함수. (= 속성을 가져올 때)

    값이 존재하지 않는다면 null이나 빈문자열("")을 반환한다.

    let linkVal = link.getAttribute("요소의 속성 이름");
    

     

     

     

    2) setAttribute()

    : 속성의 값을 바꿔주는 함수

    Element.setAttribute('바꾸고 싶은 속성 이름', '바꾸고 싶은 속성값');
    

     

     

     

     

    [블로그참고]

     

    https://blog.naver.com/jaeeun_98/222039397439

     

     

    반응형

    '코딩스터디 > Javascript' 카테고리의 다른 글

    자바스크립트 parseInt(), parseFloat(). 문자를 숫자로 변환  (0) 2021.05.29
    자바스크립트 ClassList  (0) 2021.05.20
    자바스크립트 event(addEventListener, e.page),currentTarget  (0) 2021.05.19
    innerText, innetHTML 차이  (0) 2021.05.19
    자바스크립트 템플릿 리터럴  (0) 2021.05.19

    댓글

    관련글

    • 자바스크립트 parseInt(), parseFloat(). 문자를 숫자로 변환 2021.05.29
    • 자바스크립트 ClassList 2021.05.20
    • 자바스크립트 event(addEventListener, e.page),currentTarget 2021.05.19
    • innerText, innetHTML 차이 2021.05.19
    맨 위로
전체 글 보기
  • GitHub
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ Kakao Corp.

블로그 이미지
라몽(●'◡'●)디자이너

티스토리툴바