본문 바로가기

자바스크립트/자바스크립트와 html.css 연결

[자바스크립트] - 자바스크립트에서 html 접근하기 / .setAttribute( )매서드 / 선택한 태그의 특정 속성을 수정

.setAttribute( )매서드

: 선택한 태그의 특정 속성을 수정하는 매서드

 .setAttribute( )매서드의 첫번째 인자값으로는 해당 태그의 속성 이름이 들어가고, 

두번재 인자값으로는 해당 속성의 바꾸려는 값을 전달한다.

인자끼리는 , 로 구분한다.  

 

[기본형]

선택한 태그.setAttribute('태그의 바꾸려고 하는 속성이름', '바꿀 속성 값');

 

const imgTag = document.getElementById("photo");
imgTag.setAttribute("src", "./img/pic_" + num + ".jpg");

태그를 선택할 때는 .getElementById를 쓰거나 등등으로 선택.