FE/인터렉티브 웹

HTML 요소의 속성값 제어하기

이제하네 2023. 10. 24. 22:27

속성값 알아내기

 

  1. 변수 link 에 a의 요소를 저장
  2. getAttribute() 함수를 호출
    • getAttribute() 는 선택된 요소의 속성값을 구하는 함수
    • 괄호 안에 인수값으로 알아내고 싶은 속성명을 입력하면 해당 속성값 반환
  3. 인수로href를 넣고 결과값을 변수 link_herf 에 저장후 콘솔로 확인

이런 결과가 나옴

 

속성값 변경하기

  1. link2 에 a의 요소를 저장
  2. 변수 new_href 에 변경할 주소값을 저장
  3. 변수 link2를 불러와 setAttribute() 함수를 실행
    • setAttribute() 은 2개의 인숫값을 전달
    • 첫번째 인수는 변경할 속성명 두번째 인수로는 변경할 속성값 입력

네이버로 연결되있던게 네이트로 변경