언어/JavaScript
setAttribute
JM Lee
2023. 6. 3. 04:12
728x90
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 속성 등을 동적으로 변경할 수 있다.