자바스크립트로 스타일 모두 제거하기 - 배열과 for 활용

스타일을 모두 제거하고 싶은 경우가 있어요

예제로 span 태그에 걸려 있는 모든 스타일을 제거하는 방법입니다 

const span = document.getElementsByTagName("span");

일단 이렇게 하면 배열로 span 태그를 모두 가져와요

그럼 여기서 for 문을 이용할 수 있어요

 

span.length 로 배열 개수를 알 수 있어요

for (var i = 0; i < 배열이름.length; i++) {
    document.write(배열이름[i] + "<br>");
}

기본 구조를 이렇게 활용 할 수 있는데요

 

스타일을 제거 하는 방법은 removeAttribute를 이용하면 됩니다

그래서 완성해보면 아래처럼 하면 스타일을 모두 제거할 수 있어요 

 

const span = document.getElementsByTagName("span");
for(i=0;i<p.length;i++){
 p[i].removeAttribute("style");
}