setAttribute

setAttribute() 메서드는 JavaScript에서 요소의 속성을 설정하거나 변경하는 데 사용된다.

이 메서드를 사용하여 HTML 요소의 속성 값을 동적으로 설정하거나 변경할 수 있다.

element.setAttribute(attributeName, attributeValue);
# element: 속성을 설정하려는 HTML 요소를 나타내는 변수. 
# 이 변수는 getElementById(), getElementsByClassName(), querySelector() 등의 메서드를 사용하여 요소를 선택할 수 있다.
# attributeName: 설정하려는 속성의 이름을 나타내는 문자열. 예를 들어, "src", "href", "class" 등이 될 수 있다.
# attributeValue: 속성에 설정할 값(문자열)

예를 들어, id가 "myImage"인 이미지 요소의 src 속성을 변경하려면 다음과 같이 사용할 수 있다.

var image = document.getElementById("myImage");
image.setAttribute("src", "new_image.jpg");

 

이렇게 하면 "myImage" 요소의 src 속성이 "new_image.jpg"로 변경된다.

setAttribute() method를 사용하면 다양한 속성을 설정할 수 있다.

예를 들어, href, class, style 속성 등을 동적으로 변경할 수 있다.